From 40cf3846ce4b201d1f80e60925174679edb4bb3c Mon Sep 17 00:00:00 2001
From: aftabrehan <aftabrehan52422@gmail.com>
Date: Fri, 2 Feb 2024 16:38:47 +0500
Subject: [PATCH] Adjust Elements Hover Duration

---
 app/layout.tsx              | 2 +-
 components/button.tsx       | 2 +-
 components/card.tsx         | 2 +-
 components/header.tsx       | 2 +-
 components/nav-dropdown.tsx | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index 2006e58..96ee762 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -28,7 +28,7 @@ export default function RootLayout({
         <ThemeProvider attribute="class">
           <Header />
 
-          <main className="w-full min-h-[calc(100vh-136px)] md:min-h-[calc(100vh-144px)] mt-[136px] md:mt-36 bg-slate-50 dark:bg-[#080f15]">
+          <main className="w-full min-h-[calc(100vh-144px)] mt-36 bg-slate-50 dark:bg-[#080f15]">
             <div className="w-full max-w-[1432px] sm:max-w-[1464px] mx-auto h-full px-4 sm:px-8 py-8 sm:py-16">
               {children}
             </div>
diff --git a/components/button.tsx b/components/button.tsx
index a0985f8..7336591 100644
--- a/components/button.tsx
+++ b/components/button.tsx
@@ -40,7 +40,7 @@ export const Button = ({
       onClick={onClick}
       disabled={disabled}
       className={clsx(
-        'h-12 px-5 flex items-center justify-center gap-2 text-base font-medium text-nowrap outline-none rounded-full transition-all duration-200 disabled:opacity-50',
+        'h-12 px-5 flex items-center justify-center gap-2 text-base font-medium text-nowrap outline-none rounded-full transition-all duration-300 disabled:opacity-50',
         !disabled && 'group',
         variantCls,
         className
diff --git a/components/card.tsx b/components/card.tsx
index efe54b6..7add1d4 100644
--- a/components/card.tsx
+++ b/components/card.tsx
@@ -11,7 +11,7 @@ interface cardProps {
 export const Card = ({ link, imageUrl, title, description }: cardProps) => (
   <Link
     href={link}
-    className="w-full sm:max-w-[300px] h-[156px] xs:h-[168px] sm:h-[200px] flex flex-col justify-start items-start gap-3 sm:gap-4 p-4 sm:p-6 rounded-xl dark:hover:bg-zinc-600/5 border border-gray-200 dark:border-opacity-15 dark:hover:border-opacity-30 hover:shadow-card outline-none transition-all duration-200"
+    className="w-full sm:max-w-[300px] h-[156px] xs:h-[168px] sm:h-[200px] flex flex-col justify-start items-start gap-3 sm:gap-4 p-4 sm:p-6 rounded-xl dark:hover:bg-zinc-600/5 border border-gray-200 dark:border-opacity-15 dark:hover:border-opacity-30 hover:shadow-card outline-none transition-all duration-300"
   >
     <Image
       alt={title}
diff --git a/components/header.tsx b/components/header.tsx
index ecc19cc..05f8695 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -8,7 +8,7 @@ import { MobileNav } from '@/components/mobile-nav'
 import Logo from '@/public/logo.svg'
 
 export const Header = () => (
-  <header className="w-full h-[136px] md:h-36 fixed top-0 shadow-header dark:shadow-header-dark px-4 lg:px-6 pt-4 sm:pt-6 bg-white dark:bg-midnight-slate z-10">
+  <header className="w-full h-36 fixed top-0 shadow-header dark:shadow-header-dark px-4 lg:px-6 pt-4 sm:pt-6 bg-white dark:bg-midnight-slate z-10">
     <div className="w-full max-w-[1400px] mx-auto flex flex-col items-center justify-center gap-4 sm:gap-4 md:gap-6">
       <div className="w-full flex items-center justify-between gap-2">
         <Link href="/">
diff --git a/components/nav-dropdown.tsx b/components/nav-dropdown.tsx
index 6231dab..a4a79f1 100644
--- a/components/nav-dropdown.tsx
+++ b/components/nav-dropdown.tsx
@@ -39,7 +39,7 @@ export const NavDropdown = ({
           <Link
             key={i}
             href={opLink}
-            className="w-full p-2 text-sm text-black dark:text-gray-100 hover:bg-zinc-100 dark:hover:bg-zinc-400/10 rounded-md transition-colors duration-200"
+            className="w-full p-2 text-sm text-black dark:text-gray-100 hover:bg-zinc-100 dark:hover:bg-zinc-400/10 rounded-md transition-colors duration-300"
           >
             {label}
           </Link>