crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-15 14:06:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update modal.tsx

Browse Source
This commit is contained in:
Sol Irvine 2023-08-13 15:35:05 +09:00
parent 4c273a83c0
commit b786cc2228
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/layout/menu/modal.tsx
View File

@ -5,6 +5,7 @@ import CloseIcon from 'components/icons/close';
import MenuIcon from 'components/icons/menu'; import MenuIcon from 'components/icons/menu';
import Link from 'next/link'; import Link from 'next/link';
import { Fragment, useRef, useState } from 'react'; import { Fragment, useRef, useState } from 'react';
import { LanguageControl } from '../navbar/language-control';
export function MenuModal() { export function MenuModal() {
let [isOpen, setIsOpen] = useState(false); let [isOpen, setIsOpen] = useState(false);
@ -41,13 +42,15 @@ export function MenuModal() {
<div className="fixed inset-0 z-20" /> <div className="fixed inset-0 z-20" />
</Transition.Child> </Transition.Child>
<Transition.Child as={Fragment}> <Transition.Child as={Fragment}>
<button <div className="fixed right-5 top-6 z-40 px-2 py-1 md:top-11">
ref={closeButtonRef} <div className="flex flex-row space-x-4">
onClick={close} <LanguageControl />
className="fixed right-5 top-6 z-40 px-2 py-2 md:top-11"
> <button ref={closeButtonRef} onClick={close} className="">
<CloseIcon className="h-10 w-10 stroke-current transition-opacity duration-150 hover:opacity-50" /> <CloseIcon className="h-10 w-10 stroke-current transition-opacity duration-150 hover:opacity-50" />
</button> </button>
</div>
</div>
</Transition.Child> </Transition.Child>
<Transition.Child <Transition.Child