fix: restore admin content scrolling
This commit is contained in:
@@ -26,7 +26,6 @@
|
||||
import { onMount, setContext } from "svelte";
|
||||
import { fade } from "svelte/transition";
|
||||
import { Select } from "$components/ui/primitives.js";
|
||||
import { ScrollArea } from "$components/ui/index.js";
|
||||
import { AdminBadge, AdminButton } from "$components/patterns/admin/index.js";
|
||||
|
||||
import BrandMark from "$lib/webapp/BrandMark.svelte";
|
||||
@@ -761,7 +760,6 @@
|
||||
</header>
|
||||
|
||||
<main class="admin-main">
|
||||
<ScrollArea class="admin-main-scroll" maxHeight="none">
|
||||
{#key active}
|
||||
<div class="admin-section-stage" in:fade={sectionFade} out:fade={sectionFade}>
|
||||
{#if active === "stats"}
|
||||
@@ -844,7 +842,6 @@
|
||||
{/if}
|
||||
</div>
|
||||
{/key}
|
||||
</ScrollArea>
|
||||
</main>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
@@ -348,7 +348,7 @@
|
||||
min-height: 0;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overscroll-behavior: contain;
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
padding: 24px 28px 36px;
|
||||
display: flex;
|
||||
@@ -359,14 +359,7 @@
|
||||
/* Flex children must NOT shrink — otherwise they collapse to fit the
|
||||
container and the main never overflows, breaking scroll. */
|
||||
|
||||
.admin-main-scroll {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
.admin-main > *,
|
||||
.admin-main-scroll > .scroll-area__viewport > * {
|
||||
.admin-main > * {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user