diff options
| author |   HsiangNianian <i@jyunko.cn> | 2026-01-14 11:16:35 +0800 |
|---|---|---|
| committer | HsiangNianian <i@jyunko.cn> | 2026-01-14 11:16:35 +0800 |
| commit | 8aeadd2c2203540b93eabc6ba53b7b4ceaff7eb7 (patch) | |
| tree | ba6f11d76f246a2cd6c0feff028f37fb5986add6 /ui/src/App.svelte | |
| parent | 4a974dc9cdaa402ff10b2971464448fcd08db301 (diff) | |
| download | DropOut-8aeadd2c2203540b93eabc6ba53b7b4ceaff7eb7.tar.gz DropOut-8aeadd2c2203540b93eabc6ba53b7b4ceaff7eb7.zip | |
feat: update home background to use gradient fallback for improved aesthetics
Diffstat (limited to 'ui/src/App.svelte')
| -rw-r--r-- | ui/src/App.svelte | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/ui/src/App.svelte b/ui/src/App.svelte index 7bc056a..9b7fe93 100644 --- a/ui/src/App.svelte +++ b/ui/src/App.svelte @@ -382,9 +382,9 @@ <!-- Background / Poster area --> <div class="flex-1 relative overflow-hidden group"> {#if currentView === "home"} - <!-- Background Image --> + <!-- Background Image - Using gradient fallback --> <div - class="absolute inset-0 z-0 opacity-40 bg-[url('https://www.minecraft.net/content/dam/games/minecraft/key-art/Minecraft-KeyArt-02_800x450.jpg')] bg-cover bg-center transition-transform duration-[10s] ease-linear group-hover:scale-105" + class="absolute inset-0 z-0 opacity-60 bg-gradient-to-br from-emerald-900 via-zinc-900 to-indigo-950 transition-transform duration-[10s] ease-linear group-hover:scale-105" ></div> <div class="absolute inset-0 z-0 bg-gradient-to-t from-zinc-900 via-transparent to-black/50" |