starcoach-hackathon/zarinpal-analytics-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: align loading shell sidebar right

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-08-20 23:02:40 +03:30
parent d5fa5e1290
commit d66a80affe
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
DESIGN.md
View File

@@ -132,6 +132,7 @@ The approved Persian-first baseline remains authoritative where the shipped arti
| Version | Date | Decision |
| ------- | ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 0.9.2 | 2026-08-20 | Pinned the initialization skeleton sidebar to the physical right and reserved matching right-side content space so loading and loaded shells share the same geometry. |
| 0.9.1 | 2026-08-20 | Distributed the desktop period-type group and exact-period control across the available filter-bar width while preserving the compact mobile sheet layout. |
| 0.9.0 | 2026-08-20 | Added labeled X/Y axes and Persian ticks to the payment-history chart, and made the fee-share donut fluidly fill its dedicated visual column on larger viewports. |
| 0.8.0 | 2026-08-20 | Increased light-theme skeleton contrast, constrained and animated chart tooltips, made default period choices explicitly applicable, hid collapsed-sidebar labels, and strengthened the separation between period type and exact-period controls. |

4
src/routes/(app)/+layout.svelte
View File

@@ -25,13 +25,13 @@
<Skeleton class="h-8 w-36" />
<div class="flex gap-2"><Skeleton class="size-9" /><Skeleton class="size-9" /></div>
</div>
<div class="ms-auto hidden h-[calc(100vh-3.5rem)] w-64 border-s p-3 md:block">
<div class="fixed top-14 right-0 hidden h-[calc(100vh-3.5rem)] w-64 border-s p-3 md:block">
<Skeleton class="h-16 w-full" />
<div class="mt-5 space-y-3">
{#each Array(6) as _}<Skeleton class="h-11 w-full" />{/each}
</div>
</div>
<div class="p-5 md:me-64 md:p-8">
<div class="p-5 md:mr-64 md:p-8">
<Skeleton class="mb-5 h-14 w-64 max-w-full" />
<Skeleton class="mb-4 h-14 w-full" />
<div class="grid gap-3 min-[600px]:grid-cols-2 lg:grid-cols-4">