immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-18 17:23:16 +03:00
Code Issues Packages Projects Releases 16 Wiki Activity

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

Browse Source 
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
4 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/lib/components/photos-page/asset-grid.svelte
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}

2
web/src/lib/components/shared-components/navigation-bar/navigation-bar.svelte
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}