style: taste-skill refinements — tinted shadows, stagger animations, tactile press

Pre-redesign checkpoint.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Yusuf Suleman
2026-03-30 20:51:56 -05:00
parent fa5a748a60
commit 3704687793
5 changed files with 1382 additions and 19 deletions

View File

@@ -158,7 +158,7 @@
<TaskSlideOver bind:open={taskPanelOpen} onclose={() => { taskPanelOpen = false; loadTasks(); }} />
<!-- Action cards -->
<div class="action-cards">
<div class="action-cards stagger">
<DashboardActionCard
title="{budgetUncatCount} uncategorized transactions"
description="{budgetSpending} spent &middot; {budgetIncome} income"
@@ -314,7 +314,7 @@
.action-cards {
display: flex;
flex-direction: column;
gap: var(--sp-3);
gap: var(--sp-2);
margin-bottom: var(--section-gap);
}