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 { .copyIcon {
margin-left: _.unit(3); margin-left: _.unit(3);
svg {
width: 16px;
height: 16px;
}
} }
} }
} }

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

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

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

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