From 1f1a4ab1a3b7adc95893e2f806a9ccc10d9d6a89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=90=E1=BB=A9c?= <facoder2k2@gmail.com>
Date: Thu, 14 Nov 2024 22:00:18 +0700
Subject: [PATCH] fix(web): textarea autogrow height (#13983)

fix(web): remove album assetGridWidth & globalWidth

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
---
 .../[[photos=photos]]/[[assetId=id]]/+page.svelte        | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte
index 2a78b02aa6..5b23cd0c21 100644
--- a/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -104,8 +104,6 @@
   let isShowActivity = $state(false);
   let isLiked: ActivityResponseDto | null = $state(null);
   let reactions: ActivityResponseDto[] = $state([]);
-  let globalWidth: number = $state(0);
-  let assetGridWidth: number = $derived(isShowActivity ? globalWidth - (globalWidth < 768 ? 360 : 460) : globalWidth);
   let albumOrder: AssetOrder | undefined = $state(data.album.order);
 
   const assetInteractionStore = createAssetInteractionStore();
@@ -430,7 +428,7 @@
   });
 </script>
 
-<div class="flex overflow-hidden" bind:clientWidth={globalWidth}>
+<div class="flex overflow-hidden">
   <div class="relative w-full shrink">
     {#if $isMultiSelectState}
       <AssetSelectControlBar assets={$selectedAssets} clearSelect={() => assetInteractionStore.clearMultiselect()}>
@@ -568,10 +566,7 @@
       {/if}
     {/if}
 
-    <main
-      class="relative h-screen overflow-hidden bg-immich-bg px-6 pt-[var(--navbar-height)] dark:bg-immich-dark-bg"
-      style={`width:${assetGridWidth}px`}
-    >
+    <main class="relative h-screen overflow-hidden bg-immich-bg px-6 pt-[var(--navbar-height)] dark:bg-immich-dark-bg">
       <!-- Use key because AssetGrid can't deal with changing stores -->
       {#key albumKey}
         {#if viewMode === AlbumPageViewMode.SELECT_ASSETS}