fix section
This commit is contained in:
@@ -11,10 +11,10 @@ type Props = {
|
|||||||
const { title, description, className, id } = Astro.props
|
const { title, description, className, id } = Astro.props
|
||||||
---
|
---
|
||||||
|
|
||||||
<section class="w-full relative min-h-fit overflow-hidden" id={id}>
|
<section id={id}>
|
||||||
<div
|
<div
|
||||||
class={cn(
|
class={cn(
|
||||||
'w-full flex flex-col gap-6 py-12 px-4 md:py-24 md:px-16 lg:px-24 md:gap-12',
|
'overflow-hidden w-full flex flex-col gap-6 py-12 px-4 md:py-24 md:px-16 lg:px-24 md:gap-12',
|
||||||
className
|
className
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -66,7 +66,7 @@ const MobileNavigation: React.FC<MobileNavigationProps> = ({ navItems }) => {
|
|||||||
<AnimatedBurgerButton isOpen={isOpen} onClick={toggleMenu} />
|
<AnimatedBurgerButton isOpen={isOpen} onClick={toggleMenu} />
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
'fixed left-0 top-0 z-50 w-full h-screen transform bg-bg-main p-8 pt-16 transition-transform duration-500 ease-in-out',
|
'fixed left-0 top-0 z-50 w-full h-screen transform bg-bg-main p-8 pt-16 transition-transform duration-300 ease-in-out',
|
||||||
isOpen ? '-translate-x-0' : 'translate-x-full'
|
isOpen ? '-translate-x-0' : 'translate-x-full'
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user