styled button

HackRU · Feb 6, 2024 · d4c42e0 · d4c42e0
1 parent 3ca4fee
commit d4c42e0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/app/(landing)/sections/Hero/Hero.tsx b/app/(landing)/sections/Hero/Hero.tsx
@@ -96,14 +96,17 @@ export default function Hero() {
           <div>
             <button
               className="absolute 
-                         items-center justify-center bg-black
+                         items-center justify-center bg-black rounded-lg
+                         border-solid border-y-2 border-x-4 border-brown-200
+                         bg-gradient-to-b from-blue-300 to-brown-100
+                         text-blue-200
                          xs:left-[103px] xs:top-[285px] xs:h-[26px] xs:w-[99px] 
                          sm:left-[185px] sm:top-[513px] sm:h-[45px] sm:w-[179px] 
                          md:left-[183px] md:top-[417px] md:h-[37px] md:w-[145px] 
                          lg:left-[208px] lg:top-[485px] lg:h-[42px] lg:w-[168px]
                          xl:left-[208px] xl:top-[485px] xl:h-[42px] xl:w-[168px]
                          "
-            />
+            >LOG IN</button>
           </div>
         </div>
       </div>

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -22,11 +22,17 @@ const config: Config = {
       colors: {
         blue: {
           100: '#203437',
+          200: '#51F4FF',
+          300: '#4D6F6C',
         },
         orange: {
           100: '#FFB464',
           200: '#1B1F23',
         },
+        brown: {
+          100: '#9A654D',
+          200: '#482820',
+        },
       },
     },
     keyframes: {