yvg/pounce
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: Dropdown menu opens upward + remove accent from StatCards

Browse Source 
1. Portfolio dropdown menu:
   - Changed from 'top-full' to 'bottom-full'
   - Menu now opens upward to not get cut off by table

2. Removed green accent highlighting from StatCards:
   - Portfolio: Expiring Soon
   - Watchlist: Available
   - Auctions: Ending Soon
   - Marketplace: Verified Sellers
   - Alerts: Active Alerts
This commit is contained in:
yves.gugger
2025-12-10 15:31:53 +01:00
parent 877e402df8
commit bcb0afb7c5
5 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/command/alerts/page.tsx
View File

@ -235,7 +235,7 @@ export default function SniperAlertsPage() {
{/* Stats */}
<div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
<StatCard title="Active Alerts" value={alerts.filter(a => a.is_active).length} icon={Bell} accent />
<StatCard title="Active Alerts" value={alerts.filter(a => a.is_active).length} icon={Bell} />
<StatCard title="Total Matches" value={alerts.reduce((sum, a) => sum + a.matches_count, 0)} icon={Target} />
<StatCard title="Notifications Sent" value={alerts.reduce((sum, a) => sum + a.notifications_sent, 0)} icon={Zap} />
<StatCard title="Alert Slots" value={`${alerts.length}/${maxAlerts}`} icon={Settings} />

2
frontend/src/app/command/auctions/page.tsx
View File

@ -358,7 +358,7 @@ export default function AuctionsPage() {
{/* Stats */}
<div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
<StatCard title="All Auctions" value={allAuctions.length} icon={Gavel} />
<StatCard title="Ending Soon" value={endingSoon.length} icon={Timer} accent />
<StatCard title="Ending Soon" value={endingSoon.length} icon={Timer} />
<StatCard title="Hot Auctions" value={hotAuctions.length} subtitle="20+ bids" icon={Flame} />
<StatCard title="Opportunities" value={opportunities.length} icon={Target} />
</div>

2
frontend/src/app/command/marketplace/page.tsx
View File

@ -136,7 +136,7 @@ export default function CommandMarketplacePage() {
{/* Stats */}
<div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
<StatCard title="Total Listings" value={listings.length} icon={Store} />
<StatCard title="Verified Sellers" value={verifiedCount} icon={Shield} accent />
<StatCard title="Verified Sellers" value={verifiedCount} icon={Shield} />
<StatCard
title="Avg. Price"
value={avgPrice > 0 ? `$${Math.round(avgPrice).toLocaleString()}` : '—'}

5
frontend/src/app/command/portfolio/page.tsx
View File

@ -305,7 +305,6 @@ export default function PortfolioPage() {
return days <= 30 && days > 0
}).length}
icon={Calendar}
accent
/>
<StatCard
title="Need Attention"
@ -460,8 +459,8 @@ export default function PortfolioPage() {
className="fixed inset-0 z-40"
onClick={() => setOpenMenuId(null)}
/>
{/* Menu */}
<div className="absolute right-0 top-full mt-1 z-50 w-48 py-1 bg-background-secondary border border-border/50 rounded-xl shadow-xl">
{/* Menu - opens upward */}
<div className="absolute right-0 bottom-full mb-1 z-50 w-48 py-1 bg-background-secondary border border-border/50 rounded-xl shadow-xl">
<button
onClick={() => { handleHealthCheck(domain.domain); setOpenMenuId(null) }}
className="w-full flex items-center gap-3 px-4 py-2.5 text-sm text-foreground-muted hover:text-foreground hover:bg-foreground/5 transition-colors"

2
frontend/src/app/command/watchlist/page.tsx
View File

@ -196,7 +196,7 @@ export default function WatchlistPage() {
{/* Stats Cards */}
<div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
<StatCard title="Total Watched" value={domainsUsed} icon={Eye} />
<StatCard title="Available" value={availableCount} icon={Sparkles} accent={availableCount > 0} />
<StatCard title="Available" value={availableCount} icon={Sparkles} />
<StatCard title="Monitoring" value={watchingCount} subtitle="active checks" icon={Activity} />
<StatCard title="Plan Limit" value={domainLimit === -1 ? '∞' : domainLimit} subtitle={`${domainsUsed} used`} icon={Shield} />
</div>