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

feat(ui): make bottom links slightly responsive

This commit is contained in:
upsiflu 2024-12-18 16:57:35 +01:00
parent a8c23648e4
commit ae384cbd46
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -104,14 +104,14 @@ const uploads = useUploadsStore()
<div style="display:contents;" class="hide-on-desktop" v-if="!store.state.auth.authenticated"> <div style="display:contents;" class="hide-on-desktop" v-if="!store.state.auth.authenticated">
<Layout flex no-gap> <Layout flex no-gap>
<Link :to="{ name: 'login' }" <Link :to="{ name: 'login' }"
primary solid ful primary solid
icon="bi-box-arrow-in-right" icon="bi-box-arrow-in-right"
style="flex-grow:1" style="flex-grow:1"
> >
{{ t('components.common.UserMenu.link.login') }} {{ t('components.common.UserMenu.link.login') }}
</Link> </Link>
<Link :to="{ name: 'signup' }" <Link :to="{ name: 'signup' }"
secondary solid default solid
icon="bi-person-square" icon="bi-person-square"
style="flex-grow:1" style="flex-grow:1"
> >
@ -171,17 +171,19 @@ const uploads = useUploadsStore()
<Spacer /> <Spacer />
<h3>{{ t('components.Sidebar.link.channels') }}</h3> <h3>{{ t('components.Sidebar.link.channels') }}</h3>
<Spacer grow /> <Spacer grow />
<nav> <Layout nav flex no-gap>
<Link thin to="/about"> <Link thin to="/about">
{{ t('components.Sidebar.link.about') }} {{ t('components.Sidebar.link.about') }}
</Link> </Link>
<Spacer shrink />
<Link thin to="/privacy"> <Link thin to="/privacy">
Privacy Privacy
</Link> </Link>
<Spacer shrink />
<Link thin to="/legal"> <Link thin to="/legal">
Legal Legal
</Link> </Link>
</nav> </Layout>
</Layout> </Layout>
</Layout> </Layout>
</template> </template>