add: user settings ui
This commit is contained in:
parent
e7e9b49195
commit
f3c2157dfc
24 changed files with 1015 additions and 187 deletions
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue