self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-11-24 08:52:28 +02:00
Code Issues Releases Activity

fix(web): textarea autogrow height (#13983)

Browse Source 
fix(web): remove album assetGridWidth & globalWidth

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
This commit is contained in:
Đức 2024-11-14 22:00:18 +07:00 committed by GitHub
parent 0b3742cf13
commit 1f1a4ab1a3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte
View File

@ -104,8 +104,6 @@
let isShowActivity = $state(false); let isShowActivity = $state(false);
let isLiked: ActivityResponseDto | null = $state(null); let isLiked: ActivityResponseDto | null = $state(null);
let reactions: ActivityResponseDto[] = $state([]); 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); let albumOrder: AssetOrder | undefined = $state(data.album.order);
const assetInteractionStore = createAssetInteractionStore(); const assetInteractionStore = createAssetInteractionStore();
@ -430,7 +428,7 @@
}); });
</script> </script>
<div class="flex overflow-hidden" bind:clientWidth={globalWidth}> <div class="flex overflow-hidden">
<div class="relative w-full shrink"> <div class="relative w-full shrink">
{#if $isMultiSelectState} {#if $isMultiSelectState}
<AssetSelectControlBar assets={$selectedAssets} clearSelect={() => assetInteractionStore.clearMultiselect()}> <AssetSelectControlBar assets={$selectedAssets} clearSelect={() => assetInteractionStore.clearMultiselect()}>
@ -568,10 +566,7 @@
{/if} {/if}
{/if} {/if}
<main <main class="relative h-screen overflow-hidden bg-immich-bg px-6 pt-[var(--navbar-height)] dark:bg-immich-dark-bg">
class="relative h-screen overflow-hidden bg-immich-bg px-6 pt-[var(--navbar-height)] dark:bg-immich-dark-bg"
style={`width:${assetGridWidth}px`}
>
<!-- Use key because AssetGrid can't deal with changing stores --> <!-- Use key because AssetGrid can't deal with changing stores -->
{#key albumKey} {#key albumKey}
{#if viewMode === AlbumPageViewMode.SELECT_ASSETS} {#if viewMode === AlbumPageViewMode.SELECT_ASSETS}