feature: change the border color again
This commit is contained in:
@ -8,7 +8,7 @@ type OwnProps = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const Container = styled.span`
|
const Container = styled.span`
|
||||||
margin-left: 4px;
|
margin-left: ${(props) => props.theme.spacing(2)};
|
||||||
`;
|
`;
|
||||||
|
|
||||||
function ClickableCell({ href, children }: OwnProps) {
|
function ClickableCell({ href, children }: OwnProps) {
|
||||||
|
|||||||
@ -25,21 +25,21 @@ const StyledTable = styled.table`
|
|||||||
th {
|
th {
|
||||||
color: ${(props) => props.theme.text40};
|
color: ${(props) => props.theme.text40};
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-top: 1px solid ${(props) => props.theme.primaryBorder};
|
border-top: 1px solid ${(props) => props.theme.tertiaryBackground};
|
||||||
border-bottom: 1px solid ${(props) => props.theme.primaryBorder};
|
border-bottom: 1px solid ${(props) => props.theme.tertiaryBackground};
|
||||||
text-align: left;
|
text-align: left;
|
||||||
:not(:last-child) {
|
:not(:last-child) {
|
||||||
border-right: 1px solid ${(props) => props.theme.primaryBorder};
|
border-right: 1px solid ${(props) => props.theme.tertiaryBackground};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
color: ${(props) => props.theme.text80};
|
color: ${(props) => props.theme.text80};
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-bottom: 1px solid ${(props) => props.theme.primaryBorder};
|
border-bottom: 1px solid ${(props) => props.theme.tertiaryBackground};
|
||||||
text-align: left;
|
text-align: left;
|
||||||
:not(:last-child) {
|
:not(:last-child) {
|
||||||
border-right: 1px solid ${(props) => props.theme.primaryBorder};
|
border-right: 1px solid ${(props) => props.theme.tertiaryBackground};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|||||||
Reference in New Issue
Block a user