MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(sidebar): fix quick settings issues

This commit is contained in:
Kasper Seweryn 2024-03-15 01:14:07 +01:00
parent ffb8e3d1a3
commit c9d22336b1
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
front/src/ui/components/Sidebar.vue
View File

@ -32,12 +32,13 @@ const uploads = useUploadsStore()
variant="ghost" variant="ghost"
/> />
<RouterLink to="/upload"> <RouterLink to="/upload" custom v-slot="{ navigate, isExactActive }">
<FwButton <FwButton
icon="bi:upload" icon="bi:upload"
color="secondary" color="secondary"
variant="ghost" variant="ghost"
:class="[{ active: route.name === 'ui.upload' }, 'icon-only']" :class="[{ active: isExactActive }, 'icon-only']"
@click="navigate"
> >
<Transition> <Transition>
<div <div
@ -190,7 +191,7 @@ aside {
padding: 12px; padding: 12px;
font-size: 1.3rem; font-size: 1.3rem;
.active { button.active {
box-shadow: inset 0 0 0 2px var(--fw-blue-500); box-shadow: inset 0 0 0 2px var(--fw-blue-500);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@ -257,6 +258,7 @@ aside {
text-decoration: none !important; text-decoration: none !important;
color: var(--fw-gray-700); color: var(--fw-gray-700);
> img,
> i { > i {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -265,6 +267,7 @@ aside {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin: 0 !important; margin: 0 !important;
border-radius: 100vh;
} }
} }
} }