From 84bf5495cdd974d15d84f7bd54208d82077510c3 Mon Sep 17 00:00:00 2001
From: RizqiSyahrendra <rizqialaudinsyahrendra@gmail.com>
Date: Fri, 14 Mar 2025 17:34:03 +0700
Subject: [PATCH] fix: header mobile color

---
 public/assets/css/demo-slick/demo-slick.css | 3 ++-
 public/assets/css/style.css                 | 1 -
 src/components/Homepage.tsx                 | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/assets/css/demo-slick/demo-slick.css b/public/assets/css/demo-slick/demo-slick.css
index bfb0386..8450517 100644
--- a/public/assets/css/demo-slick/demo-slick.css
+++ b/public/assets/css/demo-slick/demo-slick.css
@@ -227,7 +227,8 @@
   background: rgba(55, 63, 78, 0.9927);
 }
 .theme-slick .mobile-on .desktop-nav ul {
-  background: rgba(30, 36, 50, 0.99);
+  background: linear-gradient(to right, var(--ext-color-primary-4), var(--ext-color-primary-8));
+  /* background: rgba(30, 36, 50, 0.99); */
 }
 
 .theme-slick .form label {
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index aff3e25..71a0111 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -4111,7 +4111,6 @@ a.logo:hover {
   text-align: left;
   border-left: none;
   border-right: none;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.065);
   color: var(--color-gray-light-5);
   opacity: 1;
   cursor: pointer;
diff --git a/src/components/Homepage.tsx b/src/components/Homepage.tsx
index 7519501..7d1cb35 100644
--- a/src/components/Homepage.tsx
+++ b/src/components/Homepage.tsx
@@ -30,7 +30,7 @@ export default function homepage({ dark = false }) {
             </div>
           </div>
         </div>
-        <div className="w-full flex flex-wrap justify-center space-x-5 wow fadeInUp">
+        <div className="w-full flex flex-wrap justify-center space-x-5 space-y-2 wow fadeInUp">
           <Link href="/radiation-oncology">
             <div className="w-[320px] h-[320px] hover:scale-105 transition-transform duration-500 bg-[url('/assets/images/cochise-radiation-oncology-768x512.webp')] bg-cover rounded-full flex items-center justify-center overflow-auto relative">
               <div className="h-full w-full rounded-full bg-gradient-to-b from-[#E3B19B82] to-[#798D90] text-center align-middle flex items-center justify-center"></div>