c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-12-29 15:11:58 +00:00
Code Releases Activity

fix tag/folder navigation bar on the top all the time.

Browse source
This commit is contained in:
MehringTing 2024-12-26 14:24:28 +08:00
parent c4e91817b3
commit c1242abc98
4 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/lib/components/layouts/user-page-layout.svelte
View file

@ -38,7 +38,7 @@
children, children,
}: Props = $props(); }: Props = $props();
let scrollbarClass = $derived(scrollbar ? 'immich-scrollbar p-2 pb-8' : 'scrollbar-hidden'); let scrollbarClass = $derived(scrollbar ? 'immich-scrollbar p-2' : 'scrollbar-hidden');
let hasTitleClass = $derived(title ? 'top-16 h-[calc(100%-theme(spacing.16))]' : 'top-0 h-full'); let hasTitleClass = $derived(title ? 'top-16 h-[calc(100%-theme(spacing.16))]' : 'top-0 h-full');
</script> </script>

2
web/src/lib/components/shared-components/tree/tree-item-thumbnails.svelte
View file

@ -12,7 +12,7 @@
{#if items.length > 0} {#if items.length > 0}
<div <div
class="w-full grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-6 2xl:grid-cols-8 gap-2 bg-gray-50 dark:bg-immich-dark-gray/50 rounded-2xl border border-gray-100 dark:border-gray-900 overflow-auto immich-scrollbar" class="w-full grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-6 2xl:grid-cols-8 gap-2 bg-gray-50 dark:bg-immich-dark-gray/50 rounded-2xl border border-gray-100 dark:border-gray-900"
> >
{#each items as item} {#each items as item}
<button <button

2
web/src/routes/(user)/folders/[[photos=photos]]/[[assetId=id]]/+page.svelte
View file

@ -72,7 +72,7 @@
<Breadcrumbs {pathSegments} icon={mdiFolderHome} title={$t('folders')} {getLink} /> <Breadcrumbs {pathSegments} icon={mdiFolderHome} title={$t('folders')} {getLink} />
<section class="mt-2"> <section class="mt-2 h-[calc(100%-theme(spacing.20))] overflow-auto immich-scrollbar">
<TreeItemThumbnails items={currentTreeItems} icon={mdiFolder} onClick={handleNavigation} /> <TreeItemThumbnails items={currentTreeItems} icon={mdiFolder} onClick={handleNavigation} />
<!-- Assets --> <!-- Assets -->

4
web/src/routes/(user)/tags/[[photos=photos]]/[[assetId=id]]/+page.svelte
View file

@ -149,7 +149,7 @@
}; };
</script> </script>
<UserPageLayout title={data.meta.title} scrollbar={false}> <UserPageLayout title={data.meta.title}>
{#snippet sidebar()} {#snippet sidebar()}
<SideBarSection> <SideBarSection>
<SkipLink target={`#${headerId}`} text={$t('skip_to_tags')} /> <SkipLink target={`#${headerId}`} text={$t('skip_to_tags')} />
@ -196,7 +196,7 @@
<Breadcrumbs {pathSegments} icon={mdiTagMultiple} title={$t('tags')} {getLink} /> <Breadcrumbs {pathSegments} icon={mdiTagMultiple} title={$t('tags')} {getLink} />
<section class="mt-2 h-full"> <section class="mt-2 h-[calc(100%-theme(spacing.20))] overflow-auto immich-scrollbar">
{#if tag} {#if tag}
<AssetGrid enableRouting={true} {assetStore} {assetInteraction} removeAction={AssetAction.UNARCHIVE}> <AssetGrid enableRouting={true} {assetStore} {assetInteraction} removeAction={AssetAction.UNARCHIVE}>
{#snippet empty()} {#snippet empty()}