fix: refine mobile navbar branding
This commit is contained in:
@@ -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. |
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user