fix: header (#341)

This commit is contained in:
Jason Rasmussen
2026-01-27 22:39:23 +00:00
committed by GitHub
parent a486a82df0
commit b2dcf73cdc
13 changed files with 37 additions and 32 deletions
+1 -1
View File
@@ -44,7 +44,7 @@
"vitest-browser-svelte": "^2.0.0"
},
"dependencies": {
"@immich/ui": "^0.60.0",
"@immich/ui": "^0.60.3",
"@mdi/js": "^7.4.47",
"simple-icons": "^16.0.0",
"svelte-highlight": "^7.8.4",
+1 -1
View File
@@ -7,7 +7,7 @@
</script>
<AppShell>
<AppShellHeader>
<AppShellHeader class="w-full">
<Header
items={[
{
+1 -1
View File
@@ -48,7 +48,7 @@
"vitest-browser-svelte": "^2.0.0"
},
"dependencies": {
"@immich/ui": "^0.60.0",
"@immich/ui": "^0.60.3",
"@mdi/js": "^7.4.47"
}
}
@@ -6,7 +6,9 @@
AppShell,
AppShellHeader,
Button,
HStack,
ControlBar,
ControlBarHeader,
ControlBarOverflow,
initializeTheme,
Logo,
ThemeSwitcher,
@@ -26,19 +28,20 @@
<TooltipProvider>
<AppShell>
<AppShellHeader>
<nav class="flex items-center justify-between p-2 md:gap-2">
<a href="/">
<Logo variant="inline" />
</a>
<HStack gap={1}>
<AppShellHeader class="w-full">
<ControlBar variant="ghost" static>
<ControlBarHeader>
<a href="/">
<Logo variant="inline" class="hidden sm:block" />
<Logo variant="logo" class="sm:hidden" />
</a>
</ControlBarHeader>
<ControlBarOverflow>
<Button color="secondary" href={siteMetadata.editUrl} leadingIcon={mdiPencil}>Edit this page</Button>
<ThemeSwitcher />
</HStack>
</nav>
</ControlBarOverflow>
</ControlBar>
</AppShellHeader>
<PageContent class="mx-auto w-full max-w-(--breakpoint-lg)">
{@render children?.()}
</PageContent>
+1 -1
View File
@@ -44,7 +44,7 @@
"vitest-browser-svelte": "^2.0.0"
},
"dependencies": {
"@immich/ui": "^0.60.0",
"@immich/ui": "^0.60.3",
"@mdi/js": "^7.4.47",
"simple-icons": "^16.0.0",
"svelte-highlight": "^7.8.4"
@@ -17,7 +17,7 @@
"wrangler": "^4.18.0"
},
"dependencies": {
"@immich/ui": "^0.60.0",
"@immich/ui": "^0.60.3",
"@tsndr/cloudflare-worker-jwt": "^3.2.0",
"class-transformer": "^0.5.1",
"class-validator": "^0.14.2",
+1 -1
View File
@@ -44,7 +44,7 @@
"vitest-browser-svelte": "^2.0.0"
},
"dependencies": {
"@immich/ui": "^0.60.0",
"@immich/ui": "^0.60.3",
"@mdi/js": "^7.4.47",
"exifreader": "^4.32.0",
"p-limit": "^7.1.1",
+1 -1
View File
@@ -44,7 +44,7 @@
"vitest-browser-svelte": "^2.0.0"
},
"dependencies": {
"@immich/ui": "^0.60.0",
"@immich/ui": "^0.60.3",
"@mdi/js": "^7.4.47",
"simple-icons": "^16.0.0",
"svelte-highlight": "^7.8.4"
+1 -1
View File
@@ -44,7 +44,7 @@
"vitest-browser-svelte": "^2.0.0"
},
"dependencies": {
"@immich/ui": "^0.60.0",
"@immich/ui": "^0.60.3",
"@mdi/js": "^7.4.47",
"simple-icons": "^16.0.0",
"svelte-highlight": "^7.8.4"
+1 -1
View File
@@ -49,7 +49,7 @@
"vitest-browser-svelte": "^2.0.0"
},
"dependencies": {
"@immich/ui": "^0.60.0",
"@immich/ui": "^0.60.3",
"@mdi/js": "^7.4.47",
"feed": "^5.1.0",
"front-matter": "^4.0.2",
@@ -74,7 +74,7 @@
<TooltipProvider>
<AppShell>
<AppShellHeader>
<div>
<div class="w-full">
<nav class="flex grid-cols-[1fr_auto_1fr] justify-between p-2 lg:grid lg:gap-2">
<div class="flex place-items-center gap-2">
<IconButton
@@ -88,7 +88,8 @@
class="md:hidden"
/>
<a href="/" class="flex gap-2 text-4xl">
<Logo variant="inline" />
<Logo variant="inline" class="hidden sm:block" />
<Logo variant="logo" class="sm:hidden" />
</a>
</div>
+3 -2
View File
@@ -25,7 +25,7 @@
let { items = [], onToggleSidebar }: Props = $props();
</script>
<nav class="flex items-center justify-between md:gap-2 p-2">
<nav class="w-full flex items-center justify-between md:gap-2 p-2">
<div class="flex gap-2 place-items-center">
{#if onToggleSidebar}
<IconButton
@@ -40,7 +40,8 @@
/>
{/if}
<a href="/" class="flex gap-2 text-4xl">
<Logo variant="inline" />
<Logo variant="inline" class="hidden sm:block" />
<Logo variant="logo" class="sm:hidden" />
</a>
</div>
+8 -8
View File
@@ -12,7 +12,7 @@ importers:
apps/api.immich.app:
dependencies:
'@immich/ui':
specifier: ^0.60.0
specifier: ^0.60.3
version: 0.60.3(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(tailwindcss@4.1.18)
'@mdi/js':
specifier: ^7.4.47
@@ -106,7 +106,7 @@ importers:
apps/awesome.immich.app:
dependencies:
'@immich/ui':
specifier: ^0.60.0
specifier: ^0.60.3
version: 0.60.3(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(tailwindcss@4.1.18)
'@mdi/js':
specifier: ^7.4.47
@@ -206,7 +206,7 @@ importers:
apps/buy.immich.app:
dependencies:
'@immich/ui':
specifier: ^0.60.0
specifier: ^0.60.3
version: 0.60.3(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(tailwindcss@4.1.18)
'@mdi/js':
specifier: ^7.4.47
@@ -297,7 +297,7 @@ importers:
apps/datasets.immich.app:
dependencies:
'@immich/ui':
specifier: ^0.60.0
specifier: ^0.60.3
version: 0.60.3(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(tailwindcss@4.1.18)
'@mdi/js':
specifier: ^7.4.47
@@ -397,7 +397,7 @@ importers:
apps/datasets.immich.app/backend:
dependencies:
'@immich/ui':
specifier: ^0.60.0
specifier: ^0.60.3
version: 0.60.3(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(tailwindcss@4.1.18)
'@tsndr/cloudflare-worker-jwt':
specifier: ^3.2.0
@@ -437,7 +437,7 @@ importers:
apps/get.immich.app:
dependencies:
'@immich/ui':
specifier: ^0.60.0
specifier: ^0.60.3
version: 0.60.3(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(tailwindcss@4.1.18)
'@mdi/js':
specifier: ^7.4.47
@@ -528,7 +528,7 @@ importers:
apps/my.immich.app:
dependencies:
'@immich/ui':
specifier: ^0.60.0
specifier: ^0.60.3
version: 0.60.3(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(tailwindcss@4.1.18)
'@mdi/js':
specifier: ^7.4.47
@@ -619,7 +619,7 @@ importers:
apps/root.immich.app:
dependencies:
'@immich/ui':
specifier: ^0.60.0
specifier: ^0.60.3
version: 0.60.3(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(tailwindcss@4.1.18)
'@mdi/js':
specifier: ^7.4.47