From c7eaf20582737061f01584c1470c0a8be0dbec0c Mon Sep 17 00:00:00 2001 From: Yusuf Suleman Date: Mon, 30 Mar 2026 21:16:21 -0500 Subject: [PATCH] =?UTF-8?q?style:=20full=20redesign=20=E2=80=94=20Zinc/Eme?= =?UTF-8?q?rald=20palette,=20Outfit=20font,=20bento=20dashboard?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Dashboard rebuilt from scratch to match React mockup: - Asymmetric bento grid (2fr/1fr, 1fr/1fr, 7fr/3fr) - Big hero numbers on bento cards - Task pill trigger with breathing dot animation - Inline fitness card with animated progress bar - Emerald accent replaces indigo across all pages - Outfit font replaces DM Sans - Zinc-tinted shadows - 16px card radius - Staggered card reveal animations All pages verified working: tasks, fitness, budget, inventory, settings, trips. Co-Authored-By: Claude Opus 4.6 (1M context) --- frontend-v2/src/routes/(app)/+page.svelte | 439 +++++++++++++--------- 1 file changed, 256 insertions(+), 183 deletions(-) diff --git a/frontend-v2/src/routes/(app)/+page.svelte b/frontend-v2/src/routes/(app)/+page.svelte index 6943042..bb29fda 100644 --- a/frontend-v2/src/routes/(app)/+page.svelte +++ b/frontend-v2/src/routes/(app)/+page.svelte @@ -1,7 +1,6 @@
-
- -
-
-
{getDateString()}
-

{getGreeting()}, {userName}

+
+ + +
+
+
{getDateString()}
+

{getGreeting()}, {userName}

-
{ taskPanelOpen = false; loadTasks(); }} /> - -
- - + +
+ +
+ Budget +
+ +
+
+
{budgetUncatCount}
+
uncategorized transactions
{budgetSpending} spent · {budgetIncome} income
+
Review
+ + + +
+ Inventory +
+ +
+
+
{inventoryIssueCount} issues
+
{inventoryReviewCount} needs review
{inventoryIssueCount + inventoryReviewCount} items need attention
+
View
+
- -
- - + +
+ +
+ Calories +
+ +
+
+
{fitnessCalRemaining.toLocaleString()}
+
remaining today
{fitnessCalLogged.toLocaleString()} logged · {fitnessProtein}g protein · {fitnessCarbs}g carbs
+
Log food
+ + +
+
+
Y
+
+
{userName}
+
{fitnessCalLogged.toLocaleString()} cal · {fitnessCalRemaining.toLocaleString()} left
+
+
+
+
+
{fitnessProtein}/{fitnessProteinGoal}g
protein
+
{fitnessCarbs}/{fitnessCarbsGoal}g
carbs
+
{fitnessFat}/{fitnessFatGoal}g
fat
+
+
- -
+ +
+