Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-03-24 22:41:28 -05:00
Code Issues Activity

Merge pull request #2138 from logto-io/charles-log-4372-update-table-component-styles

Browse source 
refactor(console): update table styles
This commit is contained in:
Charles Zhao 2022-10-13 13:11:54 +08:00 • committed by GitHub
commit 2bc22c1d81
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/console/src/components/CopyToClipboard/index.module.scss
View file

@ -33,6 +33,11 @@
.copyIcon {
margin-left: _.unit(3);
svg {
width: 16px;
height: 16px;
}
}
}
}

15
packages/console/src/scss/normalized.scss
View file

@ -21,8 +21,7 @@ input {
}
table {
border: 1px solid var(--color-neutral-90);
border-radius: _.unit(2);
border: 1px solid var(--color-divider);
border-spacing: 0;
width: 100%;
table-layout: fixed;
@ -30,14 +29,14 @@ table {
thead {
th {
font: var(--font-subhead-2);
color: var(--color-caption);
padding: _.unit(2);
border-bottom: 1px solid var(--color-neutral-90);
color: var(--color-text);
padding: _.unit(3);
border-bottom: 1px solid var(--color-divider);
text-align: left;
&:first-child,
&:last-child {
padding: _.unit(2) _.unit(8);
padding: _.unit(3) _.unit(8);
}
}
}
@ -45,7 +44,7 @@ table {
tbody {
td {
font: var(--font-body-medium);
border-bottom: 1px solid var(--color-neutral-90);
border-bottom: 1px solid var(--color-divider);
padding: _.unit(3) _.unit(2);
&:first-child,
@ -68,7 +67,7 @@ table {
background: var(--color-neutral-variant-80);
background-clip: content-box;
border: 4px solid transparent;
border-radius: 8px;
border-radius: 12px;
}
::-webkit-scrollbar-track {

4
packages/console/src/scss/table.module.scss
View file

@ -14,8 +14,8 @@ tr.clickable {
.scrollable {
overflow-y: auto;
border: 1px solid var(--color-neutral-90);
border-radius: _.unit(2);
border: 1px solid var(--color-divider);
border-radius: 12px;
table {
border: none;