Updated settings components.

This commit is contained in:
Mike Cao 2023-01-20 17:12:53 -08:00
parent 1d9c3133f0
commit 91af593ff5
31 changed files with 805 additions and 494 deletions

View file

@ -25,6 +25,7 @@
}
.items {
position: relative;
display: flex;
flex-direction: column;
gap: 20px;
@ -33,6 +34,7 @@
}
.item {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
@ -43,6 +45,10 @@
width: 200px;
}
a.item {
color: var(--base700);
}
.item.selected {
color: var(--base900);
border-right-color: var(--primary400);
@ -58,10 +64,6 @@
pointer-events: none;
}
a.item {
color: var(--base600);
}
.minimized .text,
.minimized .header {
display: none;
@ -74,3 +76,18 @@ a.item {
align-items: center;
justify-content: center;
}
.divider:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
border-top: 1px solid var(--base300);
width: 160px;
}
.minimized .divider:before {
width: 60px;
}