diff --git a/src/components/ResultsPanel.tsx b/src/components/ResultsPanel.tsx index 1a0915b..360fda2 100644 --- a/src/components/ResultsPanel.tsx +++ b/src/components/ResultsPanel.tsx @@ -54,7 +54,7 @@ export function ResultsPanel({ return (
-
+

{t.results}

{anyRegenerating && onCancel && ( @@ -142,7 +142,7 @@ export function ResultsPanel({ function EmptyState() { const { t } = useI18n(); return ( -
+
diff --git a/src/index.css b/src/index.css index 0636778..96b5f34 100644 --- a/src/index.css +++ b/src/index.css @@ -73,7 +73,7 @@ @layer components { .card { - @apply bg-bg-card border border-border rounded-2xl shadow-lg backdrop-blur-xl transition-colors duration-300; + @apply bg-bg-card border border-border rounded-2xl shadow-lg transition-colors duration-300; box-shadow: 0 4px 24px rgba(100, 60, 200, 0.08), 0 1px 3px rgba(0,0,0,0.12); } @@ -103,7 +103,7 @@ .btn-secondary { @apply inline-flex items-center justify-center gap-2 px-4 py-2 rounded-xl font-semibold text-sm - bg-bg-card border border-border text-fg hover:bg-bg-hover shadow-sm backdrop-blur-md + bg-bg-card border border-border text-fg hover:bg-bg-hover shadow-sm transition-all duration-150 disabled:opacity-50 disabled:cursor-not-allowed; } .btn-secondary:hover:not(:disabled) { @@ -118,14 +118,14 @@ .btn-fun { @apply inline-flex items-center justify-center gap-1.5 px-3 py-1.5 rounded-xl text-xs font-bold - border transition-all duration-150 disabled:opacity-50 disabled:cursor-not-allowed backdrop-blur-sm; + border transition-all duration-150 disabled:opacity-50 disabled:cursor-not-allowed; } .btn-fun:hover:not(:disabled) { transform: translateY(-1px) scale(1.03); } .input { - @apply w-full bg-bg-card backdrop-blur-md border border-border rounded-xl px-3 py-2 text-[14px] text-fg + @apply w-full bg-bg-card border border-border rounded-xl px-3 py-2 text-[14px] text-fg placeholder-fg-muted focus:outline-none focus:border-accent-primary focus:ring-2 focus:ring-accent-primary @@ -138,7 +138,7 @@ .chip { @apply inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full border border-border - bg-bg-card backdrop-blur-md text-sm font-semibold text-fg hover:bg-bg-hover shadow-sm + bg-bg-card text-sm font-semibold text-fg hover:bg-bg-hover shadow-sm transition-all duration-150 cursor-pointer; } .chip:hover { diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 16c27d2..d79dc21 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -368,7 +368,7 @@ export function HomePage() {
{/* Header */} -
+
{/* Logo */}