mohiit1502/zin-tools
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjust Elements Hover Duration

Browse Source
This commit is contained in:
aftabrehan
2024-02-02 16:38:47 +05:00
parent 4c190af17b
commit 40cf3846ce
5 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/layout.tsx
View File

@@ -28,7 +28,7 @@ export default function RootLayout({
<ThemeProvider attribute="class"> <ThemeProvider attribute="class">
<Header /> <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"> <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} {children}
</div> </div>

2
components/button.tsx
View File

@@ -40,7 +40,7 @@ export const Button = ({
onClick={onClick} onClick={onClick}
disabled={disabled} disabled={disabled}
className={clsx( 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', !disabled && 'group',
variantCls, variantCls,
className className

2
components/card.tsx
View File

@@ -11,7 +11,7 @@ interface cardProps {
export const Card = ({ link, imageUrl, title, description }: cardProps) => ( export const Card = ({ link, imageUrl, title, description }: cardProps) => (
<Link <Link
href={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 <Image
alt={title} alt={title}

2
components/header.tsx
View File

@@ -8,7 +8,7 @@ import { MobileNav } from '@/components/mobile-nav'
import Logo from '@/public/logo.svg' import Logo from '@/public/logo.svg'
export const Header = () => ( 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 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"> <div className="w-full flex items-center justify-between gap-2">
<Link href="/"> <Link href="/">

2
components/nav-dropdown.tsx
View File

@@ -39,7 +39,7 @@ export const NavDropdown = ({
<Link <Link
key={i} key={i}
href={opLink} 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} {label}
</Link> </Link>