feat(web): Album preview overview in menu (#13981)

This commit is contained in:
Tim Van Onckelen
2024-12-04 21:38:55 +01:00
committed by GitHub
parent 292182fa7f
commit 5060ee95c2
5 changed files with 106 additions and 16 deletions

View File

@@ -27,6 +27,9 @@
import { t } from 'svelte-i18n';
import BottomInfo from '$lib/components/shared-components/side-bar/bottom-info.svelte';
import { preferences } from '$lib/stores/user.store';
import { recentAlbumsDropdown } from '$lib/stores/preferences.store';
import RecentAlbums from '$lib/components/shared-components/side-bar/recent-albums.svelte';
import { fly } from 'svelte/transition';
let isArchiveSelected: boolean = $state(false);
let isFavoritesSelected: boolean = $state(false);
@@ -88,7 +91,19 @@
bind:isSelected={isFavoritesSelected}
></SideBarLink>
<SideBarLink title={$t('albums')} routeId="/(user)/albums" icon={mdiImageAlbum} flippedLogo></SideBarLink>
<SideBarLink
title={$t('albums')}
routeId="/(user)/albums"
icon={mdiImageAlbum}
flippedLogo
bind:dropdownOpen={$recentAlbumsDropdown}
>
{#snippet dropDownContent()}
<span in:fly={{ y: -20 }} class="hidden md:block">
<RecentAlbums />
</span>
{/snippet}
</SideBarLink>
{#if $preferences.tags.enabled && $preferences.tags.sidebarWeb}
<SideBarLink title={$t('tags')} routeId="/(user)/tags" icon={mdiTagMultipleOutline} flippedLogo />