feat: improve semantic nav/main tags (#17800)

feat: nav/main elements

Co-authored-by: Alex <alex.tran1502@gmail.com>
This commit is contained in:
Min Idzelis 2025-04-29 13:51:39 -04:00 committed by GitHub
parent d9ce74b896
commit 07290580a6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 111 additions and 113 deletions

View file

@ -49,7 +49,7 @@
{@render header?.()}
</header>
<main
<div
tabindex="-1"
class="relative grid h-dvh grid-cols-[theme(spacing.0)_auto] overflow-hidden bg-immich-bg max-md:pt-[var(--navbar-height-md)] pt-[var(--navbar-height)] dark:bg-immich-dark-bg sidebar:grid-cols-[theme(spacing.64)_auto]"
>
@ -59,7 +59,7 @@
<SideBar />
{/if}
<section class="relative">
<main class="relative">
{#if title || buttons}
<div
class="absolute flex h-16 w-full place-items-center justify-between border-b p-2 dark:border-immich-dark-gray dark:text-immich-dark-fg"
@ -79,5 +79,5 @@
<div class="{scrollbarClass} absolute {hasTitleClass} w-full overflow-y-auto" use:useActions={use}>
{@render children?.()}
</div>
</section>
</main>
</main>
</div>