fix: refine mobile navbar branding

This commit is contained in:
2026-08-21 17:00:29 +08:00
parent b9195f22b2
commit 46f2aefd25
2 changed files with 6 additions and 10 deletions

View File

@@ -132,7 +132,7 @@ The approved Persian-first baseline remains authoritative where the shipped arti
| Version | Date | Decision | | Version | Date | Decision |
| ------- | ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | ------- | ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 0.11.1 | 2026-08-21 | Hardened narrow-screen shell, calendar, and chart behavior: the navbar wordmark and duplicate drawer terminal selector are hidden on mobile, exact-period fields cannot overlap, payment charts keep their readable width with horizontal scrolling, and the growth teaser gains an action-blue emphasis with a restrained reduced-motion-safe pulse. | | 0.11.1 | 2026-08-21 | Hardened narrow-screen shell, calendar, and chart behavior: the navbar uses the compact authentication-screen brand mark while the opened mobile drawer carries the full typographic wordmark and the only terminal selector, exact-period fields cannot overlap, payment charts keep their readable width with horizontal scrolling, and the growth teaser gains an action-blue emphasis with a restrained reduced-motion-safe pulse. |
| 0.11.0 | 2026-08-21 | Added the feature-gated AI growth analyst: a cache-first 90-day forecast view with count/amount modes, P10–P90 uncertainty band, keyboard and tabular alternatives, evidence-linked Persian campaign guidance, preserved-content refresh states, and restrained semantic opportunity/risk styling. | | 0.11.0 | 2026-08-21 | Added the feature-gated AI growth analyst: a cache-first 90-day forecast view with count/amount modes, P10–P90 uncertainty band, keyboard and tabular alternatives, evidence-linked Persian campaign guidance, preserved-content refresh states, and restrained semantic opportunity/risk styling. |
| 0.10.0 | 2026-08-20 | Reframed retry guidance around the share of failed payment paths retried, including an explicit zero state; made payment-flow bars proportional to counts; and removed single-day hover styling from whole-week selection. | | 0.10.0 | 2026-08-20 | Reframed retry guidance around the share of failed payment paths retried, including an explicit zero state; made payment-flow bars proportional to counts; and removed single-day hover styling from whole-week selection. |
| 0.9.3 | 2026-08-20 | Replaced stacked field focus outlines with one narrow semantic-blue border across text fields, textareas, native selects, and custom select triggers; other keyboard targets retain a subtle 1px outline. | | 0.9.3 | 2026-08-20 | Replaced stacked field focus outlines with one narrow semantic-blue border across text fields, textareas, native selects, and custom select triggers; other keyboard targets retain a subtle 1px outline. |

View File

@@ -73,6 +73,9 @@
<Sidebar.Provider class="dashboard-shell" style="--sidebar-width: 16rem; --sidebar-width-icon: 4.5rem;"> <Sidebar.Provider class="dashboard-shell" style="--sidebar-width: 16rem; --sidebar-width-icon: 4.5rem;">
<Sidebar.Root side="right" collapsible="icon" class="top-14 h-[calc(100svh-3.5rem)] border-l"> <Sidebar.Root side="right" collapsible="icon" class="top-14 h-[calc(100svh-3.5rem)] border-l">
<Sidebar.Header class="border-sidebar-border gap-2 border-b p-2.5"> <Sidebar.Header class="border-sidebar-border gap-2 border-b p-2.5">
<div class="flex min-h-11 items-center justify-center md:hidden">
<BrandLogo />
</div>
<div <div
class="terminal-card group-data-[collapsible=icon]:size-11 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0" class="terminal-card group-data-[collapsible=icon]:size-11 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0"
> >
@@ -82,7 +85,7 @@
<span class="text-primary-foreground/70 block truncate text-[11px]">حساب تحلیل پذیرنده</span> <span class="text-primary-foreground/70 block truncate text-[11px]">حساب تحلیل پذیرنده</span>
</div> </div>
</div> </div>
<div class="hidden group-data-[collapsible=icon]:hidden md:block"> <div class="group-data-[collapsible=icon]:hidden">
<label class="text-muted-foreground mb-1 block text-[11px]" for="sidebar-terminal-select" <label class="text-muted-foreground mb-1 block text-[11px]" for="sidebar-terminal-select"
>درگاه فعال گزارش</label >درگاه فعال گزارش</label
> >
@@ -145,17 +148,10 @@
<div class="flex w-full items-center justify-between"> <div class="flex w-full items-center justify-between">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<Sidebar.Trigger class="size-11" aria-label="باز و بسته کردن منو"><MenuIcon /></Sidebar.Trigger> <Sidebar.Trigger class="size-11" aria-label="باز و بسته کردن منو"><MenuIcon /></Sidebar.Trigger>
<span class="sm:hidden"><BrandLogo compact /></span>
<span class="hidden sm:block"><BrandLogo /></span> <span class="hidden sm:block"><BrandLogo /></span>
</div> </div>
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
<label class="sr-only" for="mobile-terminal-select">درگاه فعال گزارش</label>
<TerminalSelect
id="mobile-terminal-select"
value={page.url.searchParams.get('terminal') ?? 'all'}
terminals={dashboard.terminals}
onValueChange={terminalChanged}
mobile
/>
<Button variant="ghost" size="icon" class="size-11" onclick={toggleTheme} aria-label="تغییر پوسته"> <Button variant="ghost" size="icon" class="size-11" onclick={toggleTheme} aria-label="تغییر پوسته">
{#if dark}<SunIcon />{:else}<MoonIcon />{/if} {#if dark}<SunIcon />{:else}<MoonIcon />{/if}
</Button> </Button>