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

style(console): update compact table styles per latest design (#4653)

Browse source
This commit is contained in:
Charles Zhao 2023-10-15 22:36:14 -05:00 • committed by GitHub
parent 5665ed4c3d
commit 9428d37a5e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 32 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
packages/console/src/ds-components/Table/index.module.scss
View file

@ -89,28 +89,6 @@
}
}
tr.hoverEffect:hover {
background: var(--color-hover);
td {
border-top: 1px solid transparent;
}
+ tr {
td {
border-top: 1px solid transparent;
}
}
td:first-child {
border-radius: 8px 0 0 8px;
}
td:last-child {
border-radius: 0 8px 8px 0;
}
}
&.hasBorder {
.filterContainer {
border: 1px solid var(--color-divider);
@ -135,10 +113,14 @@
}
.bodyTable {
padding: 0;
padding: 0 0 _.unit(3);
border: 1px solid var(--color-divider);
border-top: unset;
tr {
height: 56px;
}
tr:first-child td {
border-top: 1px solid transparent;
}
@ -151,13 +133,35 @@
padding-right: _.unit(7);
}
}
}
tr.hoverEffect:hover {
td:first-child,
td:last-child {
border-radius: 0;
.bodyTable tr.hoverEffect:hover {
background: var(--color-hover);
td {
border-top: 1px solid transparent;
}
+ tr {
td {
border-top: 1px solid transparent;
}
}
td:first-child {
border-radius: 8px 0 0 8px;
}
td:last-child {
border-radius: 0 8px 8px 0;
}
}
&.hasBorder .bodyTable tr.hoverEffect:hover {
td:first-child,
td:last-child {
border-radius: 0;
}
}
}

1
packages/console/src/pages/TenantSettings/TenantBasicSettings/SigningKeys/index.module.scss
View file

@ -1,6 +1,7 @@
@use '@/scss/underscore' as _;
.idWrapper {
display: inline-block;
font: var(--font-body-2);
font-family: 'Roboto Mono', monospace;
color: var(--color-text);