helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(web): layout spacing when zooming (#2452)

Browse source
This commit is contained in:
Michel Heusschen 2023-05-17 17:44:15 +02:00 • committed by GitHub
parent 308c63df16
commit 115a47d4c6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 20 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

13
web/src/lib/components/shared-components/navigation-bar/navigation-bar.svelte
View file

@ -40,9 +40,9 @@
};
</script>
<section id="dashboard-navbar" class="fixed h-[4.25rem] w-screen z-[900] text-sm">
<section id="dashboard-navbar" class="fixed h-[var(--navbar-height)] w-screen z-[900] text-sm">
<div
class="grid md:grid-cols-[250px_auto] grid-cols-[70px_auto] border-b dark:border-b-immich-dark-gray items-center py-2 bg-immich-bg dark:bg-immich-dark-bg"
class="grid h-full md:grid-cols-[theme(spacing.64)_auto] grid-cols-[theme(spacing.18)_auto] border-b dark:border-b-immich-dark-gray items-center py-2 bg-immich-bg dark:bg-immich-dark-bg"
>
<a
data-sveltekit-preload-data="hover"
@ -76,7 +76,7 @@
<div in:fly={{ x: 50, duration: 250 }}>
<LinkButton on:click={() => dispatch('uploadClicked')}>
<div class="flex gap-2">
<TrayArrowUp size="20" />
<TrayArrowUp size="1.5em" />
<span class="md:block hidden">Upload</span>
</div>
</LinkButton>
@ -158,3 +158,10 @@
</div>
</div>
</section>
<style>
:root {
/* Used by layouts to ensure proper spacing between navbar and content */
--navbar-height: calc(theme(spacing.18) + 4px);
}
</style>