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

chore: compact admin subscription stats cards

Browse Source
This commit is contained in:
3252a8
2026-05-31 00:26:42 +03:00
parent 19f7daff6c
commit 74da8ab98e
3 changed files with 5 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/admin/sections/StatsSection.svelte
+3 -69
View File
@@ -492,7 +492,7 @@
<AdminDashboardStack>
<AdminSectionHeader title={at("stats_section_audience", {}, "")} />
<AdminDashboardGrid columns={3}>
{#each Array(6) as _, i (i)}
{#each Array(3) as _, i (i)}
<Card.Root class="admin-cn-card-skeleton">
<Card.Header>
<span class="admin-skeleton admin-skeleton-line admin-skeleton-line-short"></span>
@@ -705,6 +705,8 @@
<Card.Footer class="admin-cn-card-footer--stack">
<div class="admin-cn-card-footer-primary">
{at("stats_trend_paid", { count: users.paid_subscriptions ?? 0 }, "")}
· {at("stats_trend_free", { count: users.free_subscription_users ?? 0 }, "")}
· {at("stats_trend_trials", { count: users.trial_users ?? 0 }, "")}
</div>
<div class="admin-cn-card-footer-muted">
{at("stats_card_active_subs_caption", {}, "")}
@@ -712,74 +714,6 @@
</Card.Footer>
</Card.Root>
<Card.Root>
<Card.Header>
<Card.Description>{at("stats_label_paid_subs", {}, "")}</Card.Description>
<Card.Title>{users.paid_subscriptions ?? 0}</Card.Title>
<Card.Action>
<Badge variant="outline"
>{users.active_subscriptions
? Math.round(
((users.paid_subscriptions ?? 0) / (users.active_subscriptions || 1)) * 100
)
: 0}%</Badge
>
</Card.Action>
</Card.Header>
<Card.Footer class="admin-cn-card-footer--stack">
<div class="admin-cn-card-footer-primary">
{at("stats_trend_trials", { count: users.trial_users ?? 0 }, "")}
</div>
<div class="admin-cn-card-footer-muted">
{at("stats_trend_free", { count: users.free_subscription_users ?? 0 }, "")}
</div>
</Card.Footer>
</Card.Root>
<Card.Root>
<Card.Header>
<Card.Description>{at("stats_label_trial_users", {}, "")}</Card.Description>
<Card.Title>{users.trial_users ?? 0}</Card.Title>
<Card.Action>
<Badge variant="outline"
>{users.active_subscriptions
? Math.round(((users.trial_users ?? 0) / (users.active_subscriptions || 1)) * 100)
: 0}%</Badge
>
</Card.Action>
</Card.Header>
<Card.Footer class="admin-cn-card-footer--stack">
<div class="admin-cn-card-footer-primary">
{at("stats_card_trial_caption", {}, "")}
</div>
<div class="admin-cn-card-footer-muted">{at("stats_card_paid_caption", {}, "")}</div>
</Card.Footer>
</Card.Root>
<Card.Root>
<Card.Header>
<Card.Description>{at("stats_label_free_users", {}, "")}</Card.Description>
<Card.Title>{users.free_subscription_users ?? 0}</Card.Title>
<Card.Action>
<Badge variant="outline"
>{users.active_subscriptions
? Math.round(
((users.free_subscription_users ?? 0) / (users.active_subscriptions || 1)) * 100
)
: 0}%</Badge
>
</Card.Action>
</Card.Header>
<Card.Footer class="admin-cn-card-footer--stack">
<div class="admin-cn-card-footer-primary">
{at("stats_card_free_caption", {}, "")}
</div>
<div class="admin-cn-card-footer-muted">
{at("stats_trend_trials", { count: users.trial_users ?? 0 }, "")}
</div>
</Card.Footer>
</Card.Root>
<Card.Root>
<Card.Header>
<Card.Description>{at("stats_label_inactive", {}, "")}</Card.Description>