From fb21950ad8a05cf700568fd7ea76bfeb481886ef Mon Sep 17 00:00:00 2001
From: Alex <alex.tran1502@gmail.com>
Date: Fri, 7 Feb 2025 19:53:12 -0600
Subject: [PATCH] chore(web): shared links style tweaks (#15960)

---
 .../album-page/user-selection-modal.svelte    | 20 ++++++++++---------
 .../shared-links/[[id=id]]/+page.svelte       |  2 +-
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/web/src/lib/components/album-page/user-selection-modal.svelte b/web/src/lib/components/album-page/user-selection-modal.svelte
index 96e3a1672e..acbced70a0 100644
--- a/web/src/lib/components/album-page/user-selection-modal.svelte
+++ b/web/src/lib/components/album-page/user-selection-modal.svelte
@@ -154,16 +154,18 @@
   <hr class="my-4" />
 
   <Stack gap={6}>
-    <div class="flex justify-between items-center">
-      <Text>{$t('shared_links')}</Text>
-      <Link href={AppRoute.SHARED_LINKS} class="text-sm">{$t('view_all')}</Link>
-    </div>
+    {#if sharedLinks.length > 0}
+      <div class="flex justify-between items-center">
+        <Text>{$t('shared_links')}</Text>
+        <Link href={AppRoute.SHARED_LINKS} class="text-sm">{$t('view_all')}</Link>
+      </div>
 
-    <Stack gap={4}>
-      {#each sharedLinks as sharedLink}
-        <AlbumSharedLink {album} {sharedLink} />
-      {/each}
-    </Stack>
+      <Stack gap={4}>
+        {#each sharedLinks as sharedLink}
+          <AlbumSharedLink {album} {sharedLink} />
+        {/each}
+      </Stack>
+    {/if}
 
     <Button leadingIcon={mdiLink} size="small" shape="round" fullWidth onclick={onShare}>{$t('create_link')}</Button>
   </Stack>
diff --git a/web/src/routes/(user)/shared-links/[[id=id]]/+page.svelte b/web/src/routes/(user)/shared-links/[[id=id]]/+page.svelte
index 49f9f32b5b..6fd1f17ecc 100644
--- a/web/src/routes/(user)/shared-links/[[id=id]]/+page.svelte
+++ b/web/src/routes/(user)/shared-links/[[id=id]]/+page.svelte
@@ -97,7 +97,7 @@
     </div>
   {/snippet}
 
-  <div>
+  <div class="w-full max-w-3xl m-auto">
     {#if sharedLinks.length === 0}
       <div
         class="flex place-content-center place-items-center rounded-lg bg-gray-100 dark:bg-immich-dark-gray dark:text-immich-gray p-12"