mirror of
https://github.com/SigNoz/signoz.git
synced 2025-12-26 12:02:19 +00:00
76ba364317
* feat: add custom orderBy * feat: infinity scroll list logs list * feat: add infinity table view * Fix/double query logs request (#3006) * feat: add control panel * fix: repeating query api request * fix: scroll, remove id, page size * fix: reset offset to 0 * feat: add log explorer detail (#3007) * feat: add control panel * fix: repeating query api request * feat: add log explorer detail --------- Co-authored-by: Vishal Sharma <makeavish786@gmail.com> * feat: add group by in the logs chart (#3009) * feat: add control panel * fix: repeating query api request * feat: add log explorer detail * feat: add group by in the logs chart * fix: list timestamp, limit, filter order * feat: add list chart (#3037) * feat: add list chart * refactor: remove console log * feat: hide aggregate every for table view (#3046) * feat: hide aggregate every for table view * fix: text filter for inactive filters * refactor: remove log * fix: table columns * fix: timestamp type --------- Co-authored-by: Vishal Sharma <makeavish786@gmail.com>
41 lines
1009 B
TypeScript
41 lines
1009 B
TypeScript
import { themeColors } from 'constants/theme';
|
|
import styled from 'styled-components';
|
|
|
|
export const TableStyled = styled.table`
|
|
width: 100%;
|
|
border-top: 1px solid rgba(253, 253, 253, 0.12);
|
|
border-radius: 2px 2px 0 0;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
border-inline-start: 1px solid rgba(253, 253, 253, 0.12);
|
|
border-inline-end: 1px solid rgba(253, 253, 253, 0.12);
|
|
`;
|
|
|
|
export const TableCellStyled = styled.td`
|
|
padding: 0.5rem;
|
|
border-inline-end: 1px solid rgba(253, 253, 253, 0.12);
|
|
border-top: 1px solid rgba(253, 253, 253, 0.12);
|
|
background-color: ${themeColors.lightBlack};
|
|
`;
|
|
|
|
export const TableRowStyled = styled.tr`
|
|
&:hover {
|
|
${TableCellStyled} {
|
|
background-color: #1d1d1d;
|
|
}
|
|
}
|
|
`;
|
|
|
|
export const TableHeaderCellStyled = styled.th`
|
|
padding: 0.5rem;
|
|
border-inline-end: 1px solid rgba(253, 253, 253, 0.12);
|
|
background-color: #1d1d1d;
|
|
&:first-child {
|
|
border-start-start-radius: 2px;
|
|
}
|
|
&:last-child {
|
|
border-start-end-radius: 2px;
|
|
border-inline-end: none;
|
|
}
|
|
`;
|