austnv/remnawave-minishop
1
0
Fork 0
Code Issues 1 Pull Requests Activity

fix: restore admin content scrolling

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/admin/AdminPanel.svelte
+70 -73
View File
@@ -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,90 +760,88 @@
</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"}
<StatsSection {at} {fmtDate} {fmtDateShort} {fmtMoney} {paymentStatusVariant} />
{/if}
{#key active}
<div class="admin-section-stage" in:fade={sectionFade} out:fade={sectionFade}>
{#if active === "stats"}
<StatsSection {at} {fmtDate} {fmtDateShort} {fmtMoney} {paymentStatusVariant} />
{/if}
{#if active === "users"}
<UsersSection
{at}
{fmtDateShort}
{panelStatusBadge}
{resolvedAvatarUrl}
{userDisplayName}
{userInitials}
{userSecondaryName}
/>
{/if}
{#if active === "users"}
<UsersSection
{at}
{fmtDateShort}
{panelStatusBadge}
{resolvedAvatarUrl}
{userDisplayName}
{userInitials}
{userSecondaryName}
/>
{/if}
{#if active === "payments"}
<PaymentsSection
{at}
{fmtDate}
{fmtMoney}
{paymentStatusVariant}
onOpenUserCard={openPaymentUserCard}
/>
{/if}
{#if active === "payments"}
<PaymentsSection
{at}
{fmtDate}
{fmtMoney}
{paymentStatusVariant}
onOpenUserCard={openPaymentUserCard}
/>
{/if}
{#if active === "promos"}
<PromosSection {at} {fmtDateShort} />
{/if}
{#if active === "promos"}
<PromosSection {at} {fmtDateShort} />
{/if}
{#if active === "ads"}
<AdsSection {at} {fmtMoney} />
{/if}
{#if active === "ads"}
<AdsSection {at} {fmtMoney} />
{/if}
{#if active === "broadcast"}
<BroadcastSection {at} />
{/if}
{#if active === "broadcast"}
<BroadcastSection {at} />
{/if}
{#if active === "logs"}
<LogsSection {at} {fmtDate} />
{/if}
{#if active === "logs"}
<LogsSection {at} {fmtDate} />
{/if}
{#if active === "support"}
<SupportSection
{at}
{brand}
{resolvedAvatarUrl}
onOpenUserCard={openUserCard}
initialTicketId={readSupportTicketIdFromPath()}
/>
{/if}
{#if active === "support"}
<SupportSection
{at}
{brand}
{resolvedAvatarUrl}
onOpenUserCard={openUserCard}
initialTicketId={readSupportTicketIdFromPath()}
/>
{/if}
{#if active === "tariffs"}
<TariffsSection {at} {fmtMoney} {onSettingsSaved} />
{/if}
{#if active === "tariffs"}
<TariffsSection {at} {fmtMoney} {onSettingsSaved} />
{/if}
{#if active === "appearance"}
<AppearanceSection
{at}
{currentLang}
{onSettingsSaved}
{brand}
{appFaviconUrl}
{appFaviconUseCustom}
/>
{/if}
{#if active === "appearance"}
<AppearanceSection
{at}
{currentLang}
{onSettingsSaved}
{brand}
{appFaviconUrl}
{appFaviconUseCustom}
/>
{/if}
{#if active === "settings"}
<SettingsSection {at} {onSettingsSaved} {currentLang} />
{/if}
{#if active === "settings"}
<SettingsSection {at} {onSettingsSaved} {currentLang} />
{/if}
{#if active === "backups"}
<BackupsSection {at} {fmtDate} />
{/if}
{#if active === "backups"}
<BackupsSection {at} {fmtDate} />
{/if}
{#if active === "translations"}
<TranslationsSection {at} {onTranslationsSaved} />
{/if}
</div>
{/key}
</ScrollArea>
{#if active === "translations"}
<TranslationsSection {at} {onTranslationsSaved} />
{/if}
</div>
{/key}
</main>
</section>
</div>
frontend/src/styles/admin.css
+2 -9
View File
@@ -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;
}