replace divs with main, header and footer tags to make html more semantic

This commit is contained in:
maxDorninger
2025-08-02 14:40:40 +02:00
parent 174c675992
commit 1a489dc71d
16 changed files with 41 additions and 40 deletions

View File

@@ -70,7 +70,7 @@
<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
Dashboard
</h1>
<div class="min-h-screen flex-1 items-center justify-center rounded-xl p-4 md:min-h-min">
<main class="min-h-screen flex-1 items-center justify-center rounded-xl p-4 md:min-h-min">
<div class="mx-auto max-w-[70vw] md:max-w-[80vw]">
<h3 class="my-4 text-center text-2xl font-semibold">Trending Shows</h3>
<RecommendedMediaCarousel isLoading={showsLoading} isShow={true} media={recommendedShows} />
@@ -82,7 +82,7 @@
media={recommendedMovies}
/>
</div>
</div>
</main>
<!---
<div class="grid auto-rows-min gap-4 md:grid-cols-3">

View File

@@ -33,7 +33,7 @@
</div>
</header>
<div class="mx-auto flex w-full flex-1 flex-col gap-4 items-center p-4 md:max-w-[80em]">
<main class="mx-auto flex w-full flex-1 flex-col gap-4 items-center p-4 md:max-w-[80em]">
<img alt="Media Manager Logo" class="mb-4 h-24 w-24" src={logo} />
<h1 class="mb-2 text-4xl font-bold">About Media Manager</h1>
<p class="mb-6 mt-10 max-w-2xl text-center text-lg">
@@ -104,4 +104,4 @@
>
</a>
</div>
</div>
</main>

View File

@@ -73,7 +73,7 @@
<Skeleton class="h-[50vh] w-full " />
<Skeleton class="h-[50vh] w-full " />
{/snippet}
<div class="flex w-full flex-1 flex-col gap-4 p-4 pt-0">
<main class="flex w-full flex-1 flex-col gap-4 p-4 pt-0">
<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">Movies</h1>
<div
class="grid w-full auto-rows-min gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"
@@ -98,4 +98,4 @@
{/each}
{/if}
</div>
</div>
</main>

View File

@@ -57,7 +57,7 @@
<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
{getFullyQualifiedMediaName(movie)}
</h1>
<div class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
<main class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
<div class="flex flex-col gap-4 md:flex-row md:items-stretch">
<div class="w-full overflow-hidden rounded-xl bg-muted/50 md:w-1/3 md:max-w-sm">
{#if movie.id}
@@ -119,4 +119,4 @@
</Card.Content>
</Card.Root>
</div>
</div>
</main>

View File

@@ -96,7 +96,7 @@
</div>
</header>
<div class="flex w-full max-w-[90vw] flex-1 flex-col items-center gap-4 p-4 pt-0">
<main class="flex w-full max-w-[90vw] flex-1 flex-col items-center gap-4 p-4 pt-0">
<div class="grid w-full max-w-sm items-center gap-12">
<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
Add a Movie
@@ -151,4 +151,4 @@
{/each}
</div>
{/if}
</div>
</main>

View File

@@ -40,9 +40,9 @@
</div>
</header>
<div class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
<main class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
Movie Requests
</h1>
<RequestsTable {requests} isShow={false} />
</div>
</main>

View File

@@ -59,7 +59,7 @@
</div>
</header>
<div class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
<main class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
Movie Torrents
</h1>
@@ -81,4 +81,4 @@
<div class="col-span-full text-center text-muted-foreground">No Torrents added yet.</div>
{/each}
</Accordion.Root>
</div>
</main>

View File

@@ -183,7 +183,7 @@
</div>
</header>
<div class="container mx-auto px-4 py-8">
<main class="container mx-auto px-4 py-8">
<div class="mb-6 flex items-center justify-between">
<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Notifications</h1>
{#if unreadNotifications.length > 0}
@@ -329,4 +329,4 @@
</div>
{/if}
{/if}
</div>
</main>

View File

@@ -40,7 +40,7 @@
</div>
</header>
<div class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
<main class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
<h1 class="my-6 scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
Settings
</h1>
@@ -64,4 +64,4 @@
</Card.Content>
</Card.Root>
{/if}
</div>
</main>

View File

@@ -51,7 +51,7 @@
<Skeleton class="h-[50vh] w-full " />
<Skeleton class="h-[50vh] w-full " />
{/snippet}
<div class="flex w-full flex-1 flex-col gap-4 p-4 pt-0">
<main class="flex w-full flex-1 flex-col gap-4 p-4 pt-0">
<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
TV Shows
</h1>
@@ -82,4 +82,4 @@
{/await}
{/await}
</div>
</div>
</main>

View File

@@ -94,7 +94,7 @@
<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
{getFullyQualifiedMediaName(show())}
</h1>
<div class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
<main class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
<div class="flex flex-col gap-4 md:flex-row md:items-stretch">
<div class="w-full overflow-hidden rounded-xl bg-muted/50 md:w-1/3 md:max-w-sm">
{#if show().id}
@@ -212,4 +212,4 @@
</Card.Content>
</Card.Root>
</div>
</div>
</main>

View File

@@ -64,7 +64,7 @@
<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
{getFullyQualifiedMediaName(show())} Season {season.number}
</h1>
<div class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
<main class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
<div class="flex flex-col gap-4 md:flex-row md:items-stretch">
<div class="w-full overflow-hidden rounded-xl bg-muted/50 md:w-1/3 md:max-w-sm">
<MediaPicture media={show()} />
@@ -155,4 +155,4 @@
</Card.Content>
</Card.Root>
</div>
</div>
</main>

View File

@@ -96,7 +96,7 @@
</div>
</header>
<div class="flex w-full max-w-[90vw] flex-1 flex-col items-center gap-4 p-4 pt-0">
<main class="flex w-full max-w-[90vw] flex-1 flex-col items-center gap-4 p-4 pt-0">
<div class="grid w-full max-w-sm items-center gap-12">
<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
Add a Show
@@ -151,4 +151,4 @@
{/each}
</div>
{/if}
</div>
</main>

View File

@@ -41,9 +41,9 @@
</div>
</header>
<div class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
<main class="mx-auto flex w-full flex-1 flex-col gap-4 p-4 md:max-w-[80em]">
<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
Season Requests
</h1>
<RequestsTable {requests} isShow={true} />
</div>
</main>