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

fix(ui): sidebar links hover no underline

This commit is contained in:
ArneBo 2024-12-17 18:35:02 +01:00 committed by upsiflu
parent a40736d0b6
commit c64f05e16a
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -86,6 +86,7 @@ const uploads = useUploadsStore()
<nav style="display:contents;"> <nav style="display:contents;">
<Link to="/library" <Link to="/library"
ghost ghost
:class="$style.link"
icon="bi-compass" icon="bi-compass"
> >
{{ t('components.Sidebar.header.explore') }} {{ t('components.Sidebar.header.explore') }}
@ -93,6 +94,7 @@ const uploads = useUploadsStore()
<Link to="/library/artists" <Link to="/library/artists"
ghost ghost
:class="$style.link"
icon="bi-person" icon="bi-person"
> >
{{ t('components.Sidebar.link.artists') }} {{ t('components.Sidebar.link.artists') }}
@ -100,6 +102,7 @@ const uploads = useUploadsStore()
<Link to="/library/albums" <Link to="/library/albums"
ghost ghost
:class="$style.link"
icon="bi-disc" icon="bi-disc"
> >
{{ t('components.Sidebar.link.albums') }} {{ t('components.Sidebar.link.albums') }}
@ -107,24 +110,28 @@ const uploads = useUploadsStore()
<Link to="/library/playlists" <Link to="/library/playlists"
ghost ghost
:class="$style.link"
icon="bi-music-note-list" icon="bi-music-note-list"
> >
{{ t('components.Sidebar.link.playlists') }} {{ t('components.Sidebar.link.playlists') }}
</Link> </Link>
<Link to="/library/radios" <Link to="/library/radios"
ghost ghost
:class="$style.link"
icon="bi-boombox-fill" icon="bi-boombox-fill"
> >
{{ t('components.Sidebar.link.radios') }} {{ t('components.Sidebar.link.radios') }}
</Link> </Link>
<Link to="/library/podcasts" <Link to="/library/podcasts"
ghost ghost
:class="$style.link"
icon="bi-mic" icon="bi-mic"
> >
{{ t('components.Sidebar.link.podcasts') }} {{ t('components.Sidebar.link.podcasts') }}
</Link> </Link>
<Link to="/" <Link to="/"
ghost ghost
:class="$style.link"
icon="bi-heart" icon="bi-heart"
> >
{{ t('components.Sidebar.link.favorites') }} {{ t('components.Sidebar.link.favorites') }}
@ -235,6 +242,13 @@ const uploads = useUploadsStore()
} }
} }
.link {
&:hover,
&.router-link-exact-active {
text-decoration: none;
}
}
> h3 { > h3 {
margin: 0; margin: 0;
padding: 0 32px 8px; padding: 0 32px 8px;