fix: restore admin content scrolling

This commit is contained in:
3252a8
2026-05-30 21:49:40 +03:00
parent fbc3e193bf
commit ea4ee4c4a7
2 changed files with 72 additions and 82 deletions
-3
View File
@@ -26,7 +26,6 @@
import { onMount, setContext } from "svelte"; import { onMount, setContext } from "svelte";
import { fade } from "svelte/transition"; import { fade } from "svelte/transition";
import { Select } from "$components/ui/primitives.js"; import { Select } from "$components/ui/primitives.js";
import { ScrollArea } from "$components/ui/index.js";
import { AdminBadge, AdminButton } from "$components/patterns/admin/index.js"; import { AdminBadge, AdminButton } from "$components/patterns/admin/index.js";
import BrandMark from "$lib/webapp/BrandMark.svelte"; import BrandMark from "$lib/webapp/BrandMark.svelte";
@@ -761,7 +760,6 @@
</header> </header>
<main class="admin-main"> <main class="admin-main">
<ScrollArea class="admin-main-scroll" maxHeight="none">
{#key active} {#key active}
<div class="admin-section-stage" in:fade={sectionFade} out:fade={sectionFade}> <div class="admin-section-stage" in:fade={sectionFade} out:fade={sectionFade}>
{#if active === "stats"} {#if active === "stats"}
@@ -844,7 +842,6 @@
{/if} {/if}
</div> </div>
{/key} {/key}
</ScrollArea>
</main> </main>
</section> </section>
</div> </div>
+2 -9
View File
@@ -348,7 +348,7 @@
min-height: 0; min-height: 0;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
overscroll-behavior: contain; overscroll-behavior: contain;
overflow: hidden; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
padding: 24px 28px 36px; padding: 24px 28px 36px;
display: flex; display: flex;
@@ -359,14 +359,7 @@
/* Flex children must NOT shrink otherwise they collapse to fit the /* Flex children must NOT shrink otherwise they collapse to fit the
container and the main never overflows, breaking scroll. */ container and the main never overflows, breaking scroll. */
.admin-main-scroll { .admin-main > * {
flex: 1 1 auto;
min-height: 0;
max-height: none;
}
.admin-main > *,
.admin-main-scroll > .scroll-area__viewport > * {
flex-shrink: 0; flex-shrink: 0;
} }