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

fix(style) [WIP] Collapsed sidebar button overrides

This commit is contained in:
ArneBo 2025-01-05 16:56:34 +01:00 committed by upsiflu
parent 0652a3c388
commit dc233b67e6
1 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -85,7 +85,14 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
<UserMenu/>
<Button round ghost icon="bi-list large" align-self="center" class="hide-on-desktop" @click="isCollapsed=!isCollapsed"/>
<Button
round
ghost
icon="bi-list large"
align-self="center"
class="hide-on-desktop"
:class="$style.menu"
@click="isCollapsed=!isCollapsed"/>
</Layout>
</Layout>
<Layout no-gap stack :class="[$style['menu-links'], isCollapsed && 'hide-on-mobile']">
@ -212,6 +219,21 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
width: 40px;
padding: 10px;
margin-left: 4px;
}
.menu {
/* TODO: Fix important */
color: red;
padding: 8px !important;
height: 40px;
width: 40px !important;
margin-left: 4px;
i {
font-size: 24px !important;
margin: -1px !important;
}
}
}
}