whisper-money/resources/js/components
Víctor Falcón 4d14e4d2f0
feat(ui): add glowing effect to all card components (#170)
## Why

### Problem
Cards across the app lacked visual interactivity. Adding a
cursor-tracking glowing border effect improves the UI polish and makes
the dashboard and other card-heavy pages feel more dynamic.

## What

### Changes
- Install `motion` package (required for the `animate()` call in the
effect)
- Add `GlowingEffect` component at
`resources/js/components/ui/glowing-effect.tsx` — tracks pointer
position and renders an animated conic gradient border that follows the
cursor
- Update the base `Card` primitive to include `<GlowingEffect>` as the
first child with `spread=40`, `proximity=64`, `inactiveZone=0.01`,
`glow=true` — all consumers inherit the effect automatically
- Remove `overflow-hidden` from the net-worth chart's `<Card>` (it was
clipping the effect) and move it to `<CardContent>` where it's actually
needed to contain the chart

## Verification

### Tests
No new logic was introduced — this is a purely visual enhancement to an
existing UI primitive. Existing tests remain unaffected.

### Manual
Move the cursor near and over any card (dashboard stats, account
balances, net worth chart, cashflow, budgets) to see the gradient border
glow follow the cursor.
2026-03-01 10:56:59 +00:00
..
accounts feat(i18n): localize Spanish translations and currency formatting (#160) 2026-02-28 18:46:18 +00:00
automation-rules feat(i18n): localize Spanish translations and currency formatting (#160) 2026-02-28 18:46:18 +00:00
budgets feat(ui): add glowing effect to all card components (#170) 2026-03-01 10:56:59 +00:00
cashflow Add chart color scheme setting (#101) 2026-02-28 12:58:21 +01:00
categories feat: Integrate EnableBanking as open banking provider (#106) 2026-02-12 09:09:28 +01:00
charts feat(cashflow): promote trend chart above money flow and increase height (#166) 2026-02-28 18:53:02 +00:00
dashboard feat(ui): add glowing effect to all card components (#170) 2026-03-01 10:56:59 +00:00
icons Subscriptions (#15) 2025-12-06 19:09:56 +01:00
labels feat: Integrate EnableBanking as open banking provider (#106) 2026-02-12 09:09:28 +01:00
landing feat: Spanish localization (#74) 2026-02-08 11:58:08 +01:00
onboarding feat(i18n): localize Spanish translations and currency formatting (#160) 2026-02-28 18:46:18 +00:00
open-banking fix(ux): improve status badge, hide balance update for connected accounts, localize delete confirm (#159) 2026-02-27 22:37:16 +00:00
partials fix: Discord link 2026-02-18 13:00:30 +01:00
shared feat: Spanish localization (#74) 2026-02-08 11:58:08 +01:00
transactions feat(transactions): re-add select all matching filters to bulk actions bar (#169) 2026-03-01 10:27:43 +00:00
ui feat(ui): add glowing effect to all card components (#170) 2026-03-01 10:56:59 +00:00
alert-error.tsx Set up a fresh Laravel app 2025-11-07 12:01:36 +00:00
app-content.tsx Set up a fresh Laravel app 2025-11-07 12:01:36 +00:00
app-logo-icon.tsx Automated rules labels (#30) 2025-12-15 12:11:55 +01:00
app-logo.tsx Add animated logo icon that transitions based on encryption key state 2025-12-12 11:24:42 +01:00
app-mobile-nav.tsx Mobile design (#17) 2025-12-08 15:43:09 +01:00
app-shell.tsx Set up a fresh Laravel app 2025-11-07 12:01:36 +00:00
app-sidebar-header.tsx feat: Decrypt encrypted transactions on key unlock (#123) 2026-02-16 10:37:43 +01:00
app-sidebar.tsx Fix mobile bottom nav alignment for 5 items (#81) 2026-01-27 19:02:38 +01:00
appearance-dropdown.tsx feat: Spanish localization (#74) 2026-02-08 11:58:08 +01:00
appearance-tabs.tsx feat: Spanish localization (#74) 2026-02-08 11:58:08 +01:00
bank-logo.tsx feat: Integrate EnableBanking as open banking provider (#106) 2026-02-12 09:09:28 +01:00
breadcrumbs.tsx feat: Spanish localization (#74) 2026-02-08 11:58:08 +01:00
delete-user.tsx feat: Spanish localization (#74) 2026-02-08 11:58:08 +01:00
encrypted-text.tsx fix: make encryption key storage SSR-safe to prevent 502 errors 2025-12-08 17:13:45 +01:00
encryption-key-button.tsx feat: Spanish localization (#74) 2026-02-08 11:58:08 +01:00
heading-small.tsx Add Budgeting Feature to Track and Manage Spending (#36) 2026-01-21 15:25:50 +01:00
heading.tsx Set up a fresh Laravel app 2025-11-07 12:01:36 +00:00
icon.tsx Set up a fresh Laravel app 2025-11-07 12:01:36 +00:00
input-error.tsx Set up a fresh Laravel app 2025-11-07 12:01:36 +00:00
nav-footer.tsx feat: Spanish localization (#74) 2026-02-08 11:58:08 +01:00
nav-main.tsx feat: Spanish localization (#74) 2026-02-08 11:58:08 +01:00
nav-user.tsx Format + Open transactions on row click 2025-12-08 15:58:50 +01:00
sync-status-button.tsx feat: Spanish localization (#74) 2026-02-08 11:58:08 +01:00
text-link.tsx Set up a fresh Laravel app 2025-11-07 12:01:36 +00:00
two-factor-recovery-codes.tsx feat: Spanish localization (#74) 2026-02-08 11:58:08 +01:00
two-factor-setup-modal.tsx feat: Spanish localization (#74) 2026-02-08 11:58:08 +01:00
unlock-message-dialog.tsx Remove encryption from bank account names (#104) 2026-02-09 14:15:26 +01:00
user-info.tsx feat: Update facehash and enable blink 2026-02-24 15:54:49 +01:00
user-menu-content.tsx feat: Spanish localization (#74) 2026-02-08 11:58:08 +01:00