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