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

View File

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