fix(web): asset-grid padding/margin left fix (#8125)

use media query for grid padding/margin size
This commit is contained in:
Alex 2024-03-21 00:18:38 -05:00 committed by GitHub
parent 16d0df796c
commit 44ed1f0919
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 6 additions and 3 deletions

View file

@ -380,7 +380,7 @@
<!-- Right margin MUST be equal to the width of immich-scrubbable-scrollbar -->
<section
id="asset-grid"
class="scrollbar-hidden h-full overflow-y-auto pb-[60px] {isEmpty ? 'm-0' : 'mr-[60px]'}"
class="scrollbar-hidden h-full overflow-y-auto pb-[60px] {isEmpty ? 'm-0' : 'ml-4 tall:ml-0 mr-[60px]'}"
bind:clientHeight={viewport.height}
bind:clientWidth={viewport.width}
bind:this={element}

View file

@ -50,7 +50,7 @@
<ImmichLogo width="55%" noText={innerWidth < 768} />
</a>
<div class="flex justify-between gap-16 pr-6">
<div class="hidden w-full max-w-5xl flex-1 sm:block">
<div class="hidden w-full max-w-5xl flex-1 pl-4 tall:pl-0 sm:block">
{#if $featureFlags.search}
<SearchBar grayTheme={true} />
{/if}