fix: Remove serif font (font-display) from Command Center
CHANGED font-display → font-semibold: Command Center Pages: - alerts/page.tsx: Matches count, notifications, modal title - marketplace/page.tsx: Listing price - portfolio/page.tsx: Valuation price - listings/page.tsx: Price display, modal titles (2) - seo/page.tsx: Feature title, SEO score, backlinks count Components (used in Command Center): - CommandCenterLayout.tsx: Page title - AdminLayout.tsx: Page title - PremiumTable.tsx: StatCard value KEPT serif font (as requested): - Sidebar.tsx: POUNCE logo only - Header.tsx: POUNCE logo (public pages) - Footer.tsx: POUNCE logo Now the Command Center uses only sans-serif fonts, with the exception of the POUNCE logo in the navigation.
This commit is contained in:
@ -286,11 +286,11 @@ export default function SniperAlertsPage() {
|
||||
{/* Stats */}
|
||||
<div className="flex items-center gap-6 text-sm">
|
||||
<div className="text-center">
|
||||
<p className="text-lg font-display text-foreground">{alert.matches_count}</p>
|
||||
<p className="text-lg font-semibold text-foreground">{alert.matches_count}</p>
|
||||
<p className="text-xs text-foreground-muted">Matches</p>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<p className="text-lg font-display text-foreground">{alert.notifications_sent}</p>
|
||||
<p className="text-lg font-semibold text-foreground">{alert.notifications_sent}</p>
|
||||
<p className="text-xs text-foreground-muted">Notified</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -419,7 +419,7 @@ export default function SniperAlertsPage() {
|
||||
{showCreateModal && (
|
||||
<div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-background/80 backdrop-blur-sm overflow-y-auto">
|
||||
<div className="w-full max-w-lg bg-background-secondary border border-border rounded-2xl p-6 my-8">
|
||||
<h2 className="text-xl font-display text-foreground mb-2">Create Sniper Alert</h2>
|
||||
<h2 className="text-xl font-semibold text-foreground mb-2">Create Sniper Alert</h2>
|
||||
<p className="text-sm text-foreground-muted mb-6">
|
||||
Get notified when domains matching your criteria appear in auctions.
|
||||
</p>
|
||||
|
||||
@ -342,7 +342,7 @@ export default function MyListingsPage() {
|
||||
|
||||
{/* Price */}
|
||||
<div className="text-right">
|
||||
<p className="text-xl font-display text-foreground">
|
||||
<p className="text-xl font-semibold text-foreground">
|
||||
{formatPrice(listing.asking_price, listing.currency)}
|
||||
</p>
|
||||
{listing.pounce_score && (
|
||||
@ -412,7 +412,7 @@ export default function MyListingsPage() {
|
||||
{showCreateModal && (
|
||||
<div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-background/80 backdrop-blur-sm">
|
||||
<div className="w-full max-w-lg bg-background-secondary border border-border rounded-2xl p-6">
|
||||
<h2 className="text-xl font-display text-foreground mb-6">List Domain for Sale</h2>
|
||||
<h2 className="text-xl font-semibold text-foreground mb-6">List Domain for Sale</h2>
|
||||
|
||||
<form onSubmit={handleCreate} className="space-y-4">
|
||||
<div>
|
||||
@ -514,7 +514,7 @@ export default function MyListingsPage() {
|
||||
{showVerifyModal && verificationInfo && selectedListing && (
|
||||
<div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-background/80 backdrop-blur-sm">
|
||||
<div className="w-full max-w-xl bg-background-secondary border border-border rounded-2xl p-6">
|
||||
<h2 className="text-xl font-display text-foreground mb-2">Verify Domain Ownership</h2>
|
||||
<h2 className="text-xl font-semibold text-foreground mb-2">Verify Domain Ownership</h2>
|
||||
<p className="text-sm text-foreground-muted mb-6">
|
||||
Add a DNS TXT record to prove you own <strong>{selectedListing.domain}</strong>
|
||||
</p>
|
||||
|
||||
@ -292,7 +292,7 @@ export default function CommandMarketplacePage() {
|
||||
)}
|
||||
</div>
|
||||
<div className="text-right">
|
||||
<p className="text-xl font-display text-foreground">
|
||||
<p className="text-xl font-semibold text-foreground">
|
||||
{formatPrice(listing.asking_price, listing.currency)}
|
||||
</p>
|
||||
{listing.price_type === 'negotiable' && (
|
||||
|
||||
@ -703,7 +703,7 @@ export default function PortfolioPage() {
|
||||
) : valuation ? (
|
||||
<div className="space-y-4">
|
||||
<div className="text-center p-6 bg-accent/5 border border-accent/20 rounded-xl">
|
||||
<p className="text-4xl font-display text-accent">${valuation.estimated_value.toLocaleString()}</p>
|
||||
<p className="text-4xl font-semibold text-accent">${valuation.estimated_value.toLocaleString()}</p>
|
||||
<p className="text-sm text-foreground-muted mt-1">Pounce Score Estimate</p>
|
||||
</div>
|
||||
<div className="space-y-2 text-sm">
|
||||
|
||||
@ -151,7 +151,7 @@ export default function SEOPage() {
|
||||
<div className="w-20 h-20 bg-accent/20 rounded-full flex items-center justify-center mx-auto mb-6">
|
||||
<Crown className="w-10 h-10 text-accent" />
|
||||
</div>
|
||||
<h2 className="text-2xl font-display text-foreground mb-3">Tycoon Feature</h2>
|
||||
<h2 className="text-2xl font-semibold text-foreground mb-3">Tycoon Feature</h2>
|
||||
<p className="text-foreground-muted max-w-lg mx-auto mb-8">
|
||||
SEO Juice Detector is a premium feature for serious domain investors.
|
||||
Analyze backlinks, domain authority, and find hidden gems that SEO agencies pay
|
||||
@ -280,7 +280,7 @@ export default function SEOPage() {
|
||||
"w-24 h-24 rounded-2xl border flex flex-col items-center justify-center",
|
||||
getScoreBg(seoData.seo_score)
|
||||
)}>
|
||||
<span className={clsx("text-3xl font-display", getScoreColor(seoData.seo_score))}>
|
||||
<span className={clsx("text-3xl font-semibold", getScoreColor(seoData.seo_score))}>
|
||||
{seoData.seo_score}
|
||||
</span>
|
||||
<span className="text-xs text-foreground-muted">SEO Score</span>
|
||||
@ -291,7 +291,7 @@ export default function SEOPage() {
|
||||
{seoData.estimated_value && (
|
||||
<div className="mt-4 p-4 bg-accent/10 border border-accent/20 rounded-xl">
|
||||
<p className="text-sm text-foreground-muted mb-1">Estimated SEO Value</p>
|
||||
<p className="text-2xl font-display text-accent">
|
||||
<p className="text-2xl font-semibold text-accent">
|
||||
${seoData.estimated_value.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-xs text-foreground-subtle mt-1">
|
||||
|
||||
@ -146,7 +146,7 @@ export function AdminLayout({
|
||||
<header className="sticky top-0 z-30 h-16 sm:h-20 bg-gradient-to-r from-background/90 via-background/80 to-background/90 backdrop-blur-xl border-b border-border/30">
|
||||
<div className="h-full px-4 sm:px-6 lg:px-8 flex items-center justify-between">
|
||||
<div className="ml-10 lg:ml-0">
|
||||
<h1 className="text-lg sm:text-xl lg:text-2xl font-display tracking-tight text-foreground">{title}</h1>
|
||||
<h1 className="text-lg sm:text-xl lg:text-2xl font-semibold tracking-tight text-foreground">{title}</h1>
|
||||
{subtitle && <p className="text-xs sm:text-sm text-foreground-muted mt-0.5">{subtitle}</p>}
|
||||
</div>
|
||||
<div className="flex items-center gap-3">
|
||||
|
||||
@ -113,7 +113,7 @@ export function CommandCenterLayout({
|
||||
{/* Left: Title */}
|
||||
<div className="ml-10 lg:ml-0">
|
||||
{title && (
|
||||
<h1 className="text-lg sm:text-xl lg:text-2xl font-display tracking-tight text-foreground">{title}</h1>
|
||||
<h1 className="text-lg sm:text-xl lg:text-2xl font-semibold tracking-tight text-foreground">{title}</h1>
|
||||
)}
|
||||
{subtitle && (
|
||||
<p className="text-xs sm:text-sm text-foreground-muted mt-0.5 hidden sm:block">{subtitle}</p>
|
||||
|
||||
@ -364,7 +364,7 @@ export function StatCard({
|
||||
</div>
|
||||
)}
|
||||
<p className="text-[10px] text-foreground-subtle uppercase tracking-wider mb-1">{title}</p>
|
||||
<p className={clsx("text-2xl font-display", accent ? "text-accent" : "text-foreground")}>
|
||||
<p className={clsx("text-2xl font-semibold", accent ? "text-accent" : "text-foreground")}>
|
||||
{typeof value === 'number' ? value.toLocaleString() : value}
|
||||
</p>
|
||||
{subtitle && <p className="text-xs text-foreground-subtle mt-0.5">{subtitle}</p>}
|
||||
|
||||
Reference in New Issue
Block a user