adjust the animation (#843)

This commit is contained in:
Marco Beretta 2023-08-28 15:14:05 +02:00 committed by GitHub
parent 3797ec6082
commit 9791a78161
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -45,7 +45,7 @@ export default function NavLinks() {
open ? 'bg-gray-800' : '', open ? 'bg-gray-800' : '',
)} )}
> >
<div className="-ml-0.5 h-5 w-5 flex-shrink-0"> <div className="-ml-0.9 -mt-0.8 h-9 w-8 flex-shrink-0">
<div className="relative flex"> <div className="relative flex">
<img <img
className="rounded-sm" className="rounded-sm"
@ -67,12 +67,12 @@ export default function NavLinks() {
<Transition <Transition
as={Fragment} as={Fragment}
enter="transition ease-out duration-100" enter="transition ease-out duration-100 transform"
enterFrom="transform opacity-0 scale-95" enterFrom="translate-y-2 opacity-0"
enterTo="transform opacity-100 scale-100" enterTo="translate-y-0 opacity-100"
leave="transition ease-in duration-75" leave="transition ease-in duration-75 transform"
leaveFrom="transform opacity-100 scale-100" leaveFrom="translate-y-0 opacity-100"
leaveTo="transform opacity-0 scale-95" leaveTo="translate-y-2 opacity-0"
> >
<Menu.Items className="absolute bottom-full left-0 z-20 mb-2 w-full translate-y-0 overflow-hidden rounded-md bg-[#050509] py-1.5 opacity-100 outline-none"> <Menu.Items className="absolute bottom-full left-0 z-20 mb-2 w-full translate-y-0 overflow-hidden rounded-md bg-[#050509] py-1.5 opacity-100 outline-none">
<Menu.Item as="div"> <Menu.Item as="div">