fix(style): sidebar links overrides

This commit is contained in:
ArneBo 2025-02-14 18:18:19 +01:00
parent b933a3f88c
commit f3250f75a2
1 changed files with 23 additions and 0 deletions

View File

@ -126,6 +126,8 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
<nav style="display:contents;"> <nav style="display:contents;">
<Link to="/library" <Link to="/library"
ghost ghost
full
align-text="left"
icon="bi-compass" icon="bi-compass"
thickWhenActive thickWhenActive
> >
@ -134,6 +136,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
<Link to="/library/artists" <Link to="/library/artists"
ghost ghost
full
align-text="left"
thinFont
icon="bi-person-circle" icon="bi-person-circle"
thickWhenActive thickWhenActive
> >
@ -142,6 +147,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
<Link to="/subscriptions" <Link to="/subscriptions"
ghost ghost
full
align-text="left"
thinFont
icon="bi-person-square" icon="bi-person-square"
thickWhenActive thickWhenActive
> >
@ -150,6 +158,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
<Link to="/library/albums" <Link to="/library/albums"
ghost ghost
full
align-text="left"
thinFont
icon="bi-disc" icon="bi-disc"
thickWhenActive thickWhenActive
> >
@ -158,6 +169,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
<Link to="/library/playlists" <Link to="/library/playlists"
ghost ghost
full
align-text="left"
thinFont
icon="bi-music-note-list" icon="bi-music-note-list"
thickWhenActive thickWhenActive
> >
@ -165,6 +179,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
</Link> </Link>
<Link to="/library/radios" <Link to="/library/radios"
ghost ghost
full
align-text="left"
thinFont
icon="bi-boombox-fill" icon="bi-boombox-fill"
thickWhenActive thickWhenActive
> >
@ -172,6 +189,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
</Link> </Link>
<Link to="/library/podcasts" <Link to="/library/podcasts"
ghost ghost
full
align-text="left"
thinFont
icon="bi-mic" icon="bi-mic"
thickWhenActive thickWhenActive
> >
@ -179,6 +199,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
</Link> </Link>
<Link to="/favorites" <Link to="/favorites"
ghost ghost
full
align-text="left"
thinFont
icon="bi-heart" icon="bi-heart"
thickWhenActive thickWhenActive
> >