Revert back the background change

This commit is contained in:
2025-12-03 22:09:14 +03:30
parent 5cbd1f8761
commit 285ad88887

View File

@@ -46,57 +46,38 @@ async function handleTorrentUpload(file: File) {
</script> </script>
<template> <template>
<div class="min-h-screen w-full relative bg-black"> <div class="flex flex-col min-h-screen bg-base-300">
<!-- Arctic Lights Background with Top Glow --> <div class="grow flex items-start justify-center pt-40 px-4">
<div <div class="w-full max-w-2xl">
class="absolute inset-0 z-0" <IndexHero />
style=" <div v-if="!maxedMagnet && !loading" class="space-y-6">
background: radial-gradient( <SearchBar @submit="handleMagnetSubmit" />
ellipse 80% 60% at 50% 0%, <div class="divider divider-neutral">OR</div>
rgba(34, 197, 94, 0.35), <TorrentUpload @submit="handleTorrentUpload" />
transparent 70% </div>
), <div
#000000; v-if="loading"
" v-motion-fade
/> class="flex justify-center items-center p-8"
>
<!-- Main Content --> <span class="loading loading-infinity loading-xl" />
<div class="relative z-10 flex flex-col min-h-screen"> </div>
<div class="grow flex items-start justify-center pt-40 px-4"> <!-- Error message display -->
<div class="w-full max-w-2xl"> <AlertError v-if="error && !loading" :message="error" />
<IndexHero /> <MagnetCard
<div v-if="!maxedMagnet && !loading" class="space-y-6"> v-if="maxedMagnet && !loading && !error"
<SearchBar @submit="handleMagnetSubmit" /> v-motion-fade
<div class="divider divider-neutral">OR</div> :name="maxedMagnet.name || 'Unknown Torrent'"
<TorrentUpload @submit="handleTorrentUpload" /> :total-trackers="maxedMagnet.totalTrackers"
</div> :magnet-url="maxedMagnet.maxedMagnet"
/>
<div <div v-if="maxedMagnet" class="flex justify-center pt-5">
v-if="loading" <button
v-motion-fade class="btn btn-primary text-accent"
class="flex justify-center items-center p-8" @click="maxedMagnet = null"
> >
<span class="loading loading-infinity loading-xl" /> Max Another Torrent
</div> </button>
<!-- Error message display -->
<AlertError v-if="error && !loading" :message="error" />
<MagnetCard
v-if="maxedMagnet && !loading && !error"
v-motion-fade
:name="maxedMagnet.name || 'Unknown Torrent'"
:total-trackers="maxedMagnet.totalTrackers"
:magnet-url="maxedMagnet.maxedMagnet"
/>
<div v-if="maxedMagnet" class="flex justify-center pt-5">
<button
class="btn btn-primary text-accent"
@click="maxedMagnet = null"
>
Max Another Torrent
</button>
</div>
</div> </div>
</div> </div>
</div> </div>