SiskelDev/WattpadDownloader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add glass effect to main card

Browse Source
This commit is contained in:
TheOnlyWayUp
2024-06-25 17:10:57 +00:00
parent a487a3ed47
commit 8426bfc21d
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/frontend/src/routes/+page.svelte
+5 -3
View File
@@ -4,7 +4,9 @@
<div> <div>
<div class="hero min-h-screen"> <div class="hero min-h-screen">
<div class="hero-content flex-col lg:flex-row-reverse"> <div
class="hero-content flex-col lg:flex-row-reverse glass p-16 rounded shadow-lg"
>
<div class="text-center lg:text-left lg:p-10"> <div class="text-center lg:text-left lg:p-10">
<h1 <h1
class="font-extrabold text-transparent text-5xl bg-clip-text bg-gradient-to-r to-pink-600 via-yellow-600 from-red-700" class="font-extrabold text-transparent text-5xl bg-clip-text bg-gradient-to-r to-pink-600 via-yellow-600 from-red-700"
@@ -15,7 +17,7 @@
Download your favourite books with a single click! Download your favourite books with a single click!
</p> </p>
</div> </div>
<div class="card shrink-0 w-full max-w-sm shadow-2xl bg-base-100"> <div class="card shrink-0 w-full max-w-sm shadow-xl bg-base-100">
<form class="card-body"> <form class="card-body">
<div class="form-control"> <div class="form-control">
<input <input
@@ -48,7 +50,7 @@
</div> </div>
</form> </form>
<button data-feedback-fish class="link pb-2" data-umami-event="Feedback" <button data-feedback-fish class="link pb-4" data-umami-event="Feedback"
>Feedback</button >Feedback</button
> >
</div> </div>