diff options
| author | 2026-01-14 11:16:35 +0800 | |
|---|---|---|
| committer | 2026-01-14 11:16:35 +0800 | |
| commit | 8aeadd2c2203540b93eabc6ba53b7b4ceaff7eb7 (patch) | |
| tree | ba6f11d76f246a2cd6c0feff028f37fb5986add6 /ui | |
| 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')
| -rw-r--r-- | ui/src/App.svelte | 4 | ||||
| -rw-r--r-- | ui/vite.config.ts | 17 |
2 files changed, 19 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" diff --git a/ui/vite.config.ts b/ui/vite.config.ts index ccad798..d030e58 100644 --- a/ui/vite.config.ts +++ b/ui/vite.config.ts @@ -5,4 +5,21 @@ import tailwindcss from '@tailwindcss/vite' // https://vite.dev/config/ export default defineConfig({ plugins: [tailwindcss(), svelte()], + + // Fix for Tauri + Vite HMR + server: { + strictPort: true, + hmr: { + protocol: 'ws', + host: 'localhost', + port: 5173, + }, + watch: { + usePolling: true, + }, + }, + + // Ensure compatibility with Tauri + clearScreen: false, + envPrefix: ['VITE_', 'TAURI_'], }) |