From 8426bfc21d13a3ae63601fb654b08bf71e0f431e Mon Sep 17 00:00:00 2001
From: TheOnlyWayUp <hi@towu.dev>
Date: Tue, 25 Jun 2024 17:10:57 +0000
Subject: [PATCH] Add glass effect to main card

---
 src/frontend/src/routes/+page.svelte | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/routes/+page.svelte b/src/frontend/src/routes/+page.svelte
index ba95bed..f13122b 100644
--- a/src/frontend/src/routes/+page.svelte
+++ b/src/frontend/src/routes/+page.svelte
@@ -4,7 +4,9 @@
 
 <div>
   <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">
         <h1
           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!
         </p>
       </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">
           <div class="form-control">
             <input
@@ -48,7 +50,7 @@
           </div>
         </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
         >
       </div>