mirror of
https://github.com/jlengrand/signoz.git
synced 2026-03-10 08:41:20 +00:00
96b81817e0
* feat: add support for changing the font size in logs * fix: build issues and logs context * chore: fix build issues * feat: scale all the spaces * chore: handle light mode designs * feat: set small as the default
33 lines
988 B
TypeScript
33 lines
988 B
TypeScript
/* eslint-disable no-nested-ternary */
|
|
import { FontSize } from 'container/OptionsMenu/types';
|
|
import styled from 'styled-components';
|
|
|
|
interface TableBodyContentProps {
|
|
linesPerRow: number;
|
|
fontSize: FontSize;
|
|
isDarkMode?: boolean;
|
|
}
|
|
|
|
export const TableBodyContent = styled.div<TableBodyContentProps>`
|
|
margin-bottom: 0;
|
|
color: ${(props): string =>
|
|
props.isDarkMode ? 'var(--bg-vanilla-400, #c0c1c3)' : 'var(--bg-slate-400)'};
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 18px; /* 128.571% */
|
|
letter-spacing: -0.07px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: ${(props): number => props.linesPerRow};
|
|
line-clamp: ${(props): number => props.linesPerRow};
|
|
-webkit-box-orient: vertical;
|
|
${({ fontSize }): string =>
|
|
fontSize === FontSize.SMALL
|
|
? `font-size:11px; line-height:16px;`
|
|
: fontSize === FontSize.MEDIUM
|
|
? `font-size:13px; line-height:20px;`
|
|
: `font-size:14px; line-height:24px;`}
|
|
`;
|