graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-12-23 13:53:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

merge: upd: shorten navbars to save space on mobile (!404)

Browse source 
View MR for information: https://activitypub.software/TransFem-org/Sharkey/-/merge_requests/404

Approved-by: Amelia Yukii <amelia.yukii@shourai.de>
Approved-by: dakkar <dakkar@thenautilus.net>
This commit is contained in:
Amelia Yukii 2024-02-05 11:55:01 +00:00
commit 31a74dc591
2 changed files with 17 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
packages/frontend/src/ui/deck.vue
View file

@ -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;
}

14
packages/frontend/src/ui/universal.vue
View file

@ -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;
}