Adjust styling to not use --design-unit

This commit is contained in:
Robert
2023-10-18 12:58:23 +01:00
parent 579042cf84
commit 6c2718927e

View File

@@ -13,7 +13,6 @@ import { styled } from "styled-components";
const StyledDataGrid = styled.div<{ $gridTemplateColumns: string | number }>`
display: grid;
grid-template-columns: ${(props) => props.$gridTemplateColumns};
padding: calc((var(--design-unit) / 4) * 1px) 0;
box-sizing: border-box;
width: 100%;
background: transparent;
@@ -54,7 +53,7 @@ const StyledDataGridCell = styled.div<{
}>`
grid-row: ${(props) => props.$gridRow};
grid-column: ${(props) => props.$gridColumn};
padding: calc(var(--design-unit) * 1px) calc(var(--design-unit) * 3px);
padding: 4px 12px;
`;
interface DataGridCellProps {