Add customizable dashboard with drag-and-drop section reordering

- Added Capsule app icon and branding assets
- Implemented dashboard customization panel with drag-and-drop interface
- Added budget progress tracking and quick actions sections
- Enhanced dashboard with clickable summary cards (Assets, Debt, Balance, Envelopes, Transactions)
- Increased spacing between sections for better readability
- Users can now show/hide and reorder dashboard sections
- Fixed account balance normalization for liabilities
- Improved analytics charts with visibility controls
This commit is contained in:
nmemmert committed 2026-01-13 15:40:23 -05:00
1 parent 2dcd7b29fb
commit 4d7f301c61
11 files changed
+1823 -137

No files matched your search

+11 -12
View File
@@ -364,18 +364,11 @@ export default function GetPaid({
required
>
<option value="">Select account...</option>
{accounts
.filter(
(account) =>
account.type !== 'credit_card' &&
account.type !== 'mortgage' &&
account.type !== 'loan',
)
.map((account) => (
<option key={account.id} value={account.id}>
{account.name} ({account.type.replace('_', ' ')})
</option>
))}
{accounts.map((account) => (
<option key={account.id} value={account.id}>
{account.name} ({account.type.replace('_', ' ')})
</option>
))}
</select>
</div>
</div>
@@ -502,6 +495,12 @@ export default function GetPaid({
</>
)}
{selectedAccountId && accountEnvelopes.length === 0 && (
<div className="rounded-lg border border-dashed p-4 text-sm text-gray-700" style={{ borderColor: 'var(--color-cloud-blue)' }}>
No envelopes are linked to this account. Create envelopes for this account to distribute income here.
</div>
)}
<div className="flex justify-end space-x-3 pt-4 border-t">
<button
type="button"