mirror of
https://git.joinsharkey.org/Sharkey/Sharkey.git
synced 2024-11-05 11:23:08 +02:00
upd: shorten navbars to save space on mobile
This commit is contained in:
parent
e3525b82f9
commit
327d4b3e88
2 changed files with 17 additions and 13 deletions
|
@ -325,7 +325,7 @@ body {
|
|||
}
|
||||
|
||||
.rootIsMobile {
|
||||
padding-bottom: 100px;
|
||||
padding-bottom: 58px;
|
||||
}
|
||||
|
||||
.main {
|
||||
|
@ -446,20 +446,20 @@ body {
|
|||
.navButton {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
aspect-ratio: 1;
|
||||
height: 32px;
|
||||
width: 100%;
|
||||
max-width: 60px;
|
||||
margin: auto;
|
||||
border-radius: var(--radius-full);
|
||||
background: var(--panel);
|
||||
border-radius: var(--radius-lg);
|
||||
background: transparent;
|
||||
color: var(--fg);
|
||||
|
||||
&:hover {
|
||||
background: var(--panelHighlight);
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: var(--X2);
|
||||
color: var(--accent);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -470,15 +470,17 @@ body {
|
|||
|
||||
&:hover {
|
||||
background: linear-gradient(90deg, var(--X8), var(--X8));
|
||||
color: var(--fgOnAccent);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: linear-gradient(90deg, var(--X8), var(--X8));
|
||||
color: var(--fgOnAccent);
|
||||
}
|
||||
}
|
||||
|
||||
.navButtonIcon {
|
||||
font-size: 18px;
|
||||
font-size: 16px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
|
|
@ -406,20 +406,20 @@ $widgets-hide-threshold: 1090px;
|
|||
.navButton {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
aspect-ratio: 1;
|
||||
height: 32px;
|
||||
width: 100%;
|
||||
max-width: 60px;
|
||||
margin: auto;
|
||||
border-radius: var(--radius-full);
|
||||
background: var(--panel);
|
||||
border-radius: var(--radius-lg);
|
||||
background: transparent;
|
||||
color: var(--fg);
|
||||
|
||||
&:hover {
|
||||
background: var(--panelHighlight);
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: var(--X2);
|
||||
color: var(--accent);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -430,15 +430,17 @@ $widgets-hide-threshold: 1090px;
|
|||
|
||||
&:hover {
|
||||
background: linear-gradient(90deg, var(--X8), var(--X8));
|
||||
color: var(--fgOnAccent);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: linear-gradient(90deg, var(--X8), var(--X8));
|
||||
color: var(--fgOnAccent);
|
||||
}
|
||||
}
|
||||
|
||||
.navButtonIcon {
|
||||
font-size: 18px;
|
||||
font-size: 16px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue