mahdium/TorrentMax
1
0
Fork 0
mirror of https://github.com/mmahdium/TorrentMax.git synced 2025-12-20 04:33:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

Revert back the background change

Browse Source
This commit is contained in:
Mohammad Mahdi
2025-12-03 22:09:14 +03:30
parent 5cbd1f8761
commit 285ad88887
1 changed files with 31 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
app/pages/index.vue
View File

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