add: user settings ui

This commit is contained in:
trisua 2025-03-31 11:45:34 -04:00
parent e7e9b49195
commit f3c2157dfc
24 changed files with 1015 additions and 187 deletions

View file

@ -335,6 +335,10 @@ table ol {
background: var(--color-surface);
}
.card.tertiary {
background: var(--color-lowered);
}
.card-nest {
box-shadow: var(--shadow-x-offset) var(--shadow-y-offset) var(--shadow-size)
var(--color-shadow);
@ -375,6 +379,8 @@ button,
background: var(--color-primary);
color: var(--color-text-primary);
font-weight: 600;
font-size: 0.9rem;
text-decoration: none !important;
}
button.small,
@ -413,6 +419,17 @@ button.tertiary:hover,
background: var(--color-super-raised);
}
button.quaternary,
.button.quaternary {
background: var(--color-lowered);
color: var(--color-text-lowered);
}
button.quaternary:hover,
.button.quaternary:hover {
background: var(--color-super-lowered);
}
button.camo,
.button.camo {
background: transparent;
@ -508,6 +525,25 @@ select:focus {
border-bottom-right-radius: var(--radius);
}
@media screen and (max-width: 900px) {
.pillmenu {
/* convert into a sidemenu */
flex-direction: column;
}
.pillmenu a:first-child {
border-top-left-radius: var(--radius);
border-top-right-radius: var(--radius);
border-bottom-left-radius: 0;
}
.pillmenu a:last-child {
border-top-right-radius: 0;
border-bottom-left-radius: var(--radius);
border-bottom-right-radius: var(--radius);
}
}
/* notification */
.notification {
text-decoration: none;