Added shadow and deleted dod from ul in hero

hasuwini77 · Jun 25, 2024 · 9335280 · 9335280
1 parent 09acf80
commit 9335280
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 4 deletions.
diff --git a/components/ButtonDownload/index.tsx b/components/ButtonDownload/index.tsx
@@ -38,7 +38,7 @@ const ButtonDownload: React.FC<ButtonDownload> = ({ SWtext, ENtext, textColor, b
 
   return (
     <motion.button
-      className={`rounded-[2rem] md:w-48 w-full px-5 py-2 md:py-2 ${textColor} ${bgColor} ${hoverEffect} mb-2 md:mb-0 md:me-3 ease-in-out box-hover-shadow`}
+      className={`rounded-[2rem] md:w-48 w-full px-5 py-2 md:py-2 ${textColor} ${bgColor} ${hoverEffect} mb-2 md:mb-0 md:me-3 shadow-hoverWhite ease-in-out box-hover-shadow`}
       variants={{
         hidden: { opacity: 0, scale: 0.5 },
         visible: {

diff --git a/components/HomeHero/index.tsx b/components/HomeHero/index.tsx
@@ -61,14 +61,14 @@ const HomeHero: React.FC = () => {
           )}
         </motion.p>
         <div className="mt-14 short:mt-2 md:mt-6 w-full flex flex-col md:flex-row ">
-          <ButtonEditable linkHref="/contact" SWtext="Kontakta oss" ENtext="Contact us" textColor="text-black" bgColor="bg-white" hoverEffect="hover:bg-gray hover:text-white" />
           <ButtonDownload SWtext="Ladda ner app" ENtext="Download app" textColor="text-white" bgColor="bg-black" hoverEffect="hover:bg-gray hover:text-white" />
+          <ButtonEditable linkHref="/contact" SWtext="Kontakta oss" ENtext="Contact us" textColor="text-black" bgColor="bg-white" hoverEffect="hover:bg-gray hover:text-white" />
 
         </div>
       </div>
       <div className="absoluute w-full short:w-[60%] longW:w-[52%] lg:w-[60%] bigScreen:w-[44%] l:w-[43%] h-full bg-[#00000054]"></div>
       <div className="absolute short:p-1 p-1 md:p-3 bottom-0 left-0 w-full bg-primary">
-        <ul className="flex flex-col md:flex-row gap-2 list-disc">
+        <ul className="flex flex-col md:flex-row gap-2 list-none">
           <div className="flex justify-around basis-1/2">
             <motion.li
               className="text-darkblack text-start"

diff --git a/components/HomeKnow/index.tsx b/components/HomeKnow/index.tsx
@@ -9,7 +9,7 @@ const HomeKnow: React.FC = () => {
     const { language } = useLanguage();
 
     return (
-        <div className="bg-darkblack text-white flex justify-center">
+        <div className="bg-darkGray text-white flex justify-center">
             <div className="flex flex-col items-center justify-center md:flex-row w-full md:max-w-[1440px] px-3 py-8 md:py-7">
                 <div className="mt-12 w-full max-w-80 m-2.5 flex flex-col justify-center items-center p-2 text-center md:flex-1 md:max-w-none md:pt-6 md:pb-12 md:m-0">
                     <div className="max-w-full h-auto mb-2 ">

diff --git a/styles/globals.css b/styles/globals.css
@@ -29,6 +29,11 @@
 .box-hover-shadow:hover {
   box-shadow: rgba(251, 251, 251, 0.35) 0px 5px 15px;
 }
+
+.shadow-hoverWhite {
+  box-shadow: #ffffff9c 1px 1px 14px;
+
+}
 /* Tehe are Bedir's costum classes for Home-Hero aria */
 
 .bg-radial-gradient {

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -76,6 +76,7 @@ module.exports = {
             red: "#F85252",
             white: "#FFFFFF",
             gray: "#868686",
+            darkGray: "#3b3b3b",
             lightgreyborder: "#E8E8E8",
             gray2: "#F9F9F9",
             darkblue1: "#14243C",