admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feature: make border transparent instead of 0px

Browse Source
This commit is contained in:
Sammy Teillet
2023-04-19 16:47:34 +02:00
parent 74990a3686
commit 05c5272c93
1 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
front/src/components/table/Table.tsx
View File

@ -21,25 +21,33 @@ const StyledTable = styled.table`
min-width: 100%; min-width: 100%;
border-radius: 4px; border-radius: 4px;
border-spacing: 0; border-spacing: 0;
border-collapse: collapse;
th { th {
border-collapse: collapse;
color: ${(props) => props.theme.text40}; color: ${(props) => props.theme.text40};
padding: 0; padding: 0;
border-top: 1px solid ${(props) => props.theme.tertiaryBackground}; border: 1px solid ${(props) => props.theme.tertiaryBackground};
border-bottom: 1px solid ${(props) => props.theme.tertiaryBackground};
text-align: left; text-align: left;
:not(:last-child) { :last-child {
border-right: 1px solid ${(props) => props.theme.tertiaryBackground}; border-right-color: transparent;
}
:first-child {
border-left-color: transparent;
} }
} }
td { td {
border-collapse: collapse;
color: ${(props) => props.theme.text80}; color: ${(props) => props.theme.text80};
padding: 0; padding: 0;
border-bottom: 1px solid ${(props) => props.theme.tertiaryBackground}; border: 1px solid ${(props) => props.theme.tertiaryBackground};
text-align: left; text-align: left;
:not(:last-child) { :last-child {
border-right: 1px solid ${(props) => props.theme.tertiaryBackground}; border-right-color: transparent;
}
:first-child {
border-left-color: transparent;
} }
} }
`; `;