Jannik/MelodyMuse
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto-Commit: 2026-09-01 22:51:13

Browse Source
This commit is contained in:
Jannik committed 2026-09-01 22:51:13 +02:00
1 parent edb80c24c5
commit 3fc699db2a
3 files changed
+8 -8
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/components/ResultsPanel.tsx
+2 -2
View File
@@ -54,7 +54,7 @@ export function ResultsPanel({
return (
<div>
<div className="sticky top-0 z-30 -mx-4 px-4 py-2.5 bg-bg/60 backdrop-blur-md border-b border-border mb-5 flex items-center justify-between gap-3">
<div className="sticky top-0 z-30 -mx-4 px-4 py-2.5 bg-bg/90 border-b border-border mb-5 flex items-center justify-between gap-3">
<h2 className="text-sm font-bold text-fg">{t.results}</h2>
<div className="flex items-center gap-1">
{anyRegenerating && onCancel && (
@@ -142,7 +142,7 @@ export function ResultsPanel({
function EmptyState() {
const { t } = useI18n();
return (
<div className="flex flex-col items-center justify-center text-center px-6 py-20 rounded-2xl border border-dashed border-border backdrop-blur-sm bg-bg-card/30">
<div className="flex flex-col items-center justify-center text-center px-6 py-20 rounded-2xl border border-dashed border-border bg-bg-card/70">
<div className="relative w-16 h-16 mb-5">
<div className="absolute inset-0 rounded-full bg-gradient-to-br from-accent-primary/20 to-accent-warm/20 blur-xl" />
<div className="relative w-full h-full rounded-full bg-bg-card border border-border flex items-center justify-center shadow-lg">
src/index.css
+5 -5
View File
@@ -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 {
src/pages/HomePage.tsx
+1 -1
View File
@@ -368,7 +368,7 @@ export function HomePage() {
<div className="liquid-blob-3" />
{/* Header */}
<header className="shrink-0 z-30 sticky top-0 bg-bg-card/70 backdrop-blur-md border-b border-border shadow-sm">
<header className="shrink-0 z-30 sticky top-0 bg-bg-card/90 border-b border-border shadow-sm">
<div className="max-w-screen-2xl mx-auto px-4 sm:px-6 h-12 flex items-center justify-between">
{/* Logo */}
<button