Unverified Commit 15f93257 authored by zxhlyh's avatar zxhlyh Committed by GitHub

fix: settings modal (#74)

parent f8eefa31
...@@ -5,6 +5,7 @@ import { XMarkIcon } from '@heroicons/react/24/outline' ...@@ -5,6 +5,7 @@ import { XMarkIcon } from '@heroicons/react/24/outline'
type IModal = { type IModal = {
className?: string className?: string
wrapperClassName?: string
isShow: boolean isShow: boolean
onClose: () => void onClose: () => void
title?: React.ReactNode title?: React.ReactNode
...@@ -15,6 +16,7 @@ type IModal = { ...@@ -15,6 +16,7 @@ type IModal = {
export default function Modal({ export default function Modal({
className, className,
wrapperClassName,
isShow, isShow,
onClose, onClose,
title, title,
...@@ -38,7 +40,7 @@ export default function Modal({ ...@@ -38,7 +40,7 @@ export default function Modal({
</Transition.Child> </Transition.Child>
<div className="fixed inset-0 overflow-y-auto"> <div className="fixed inset-0 overflow-y-auto">
<div className="flex min-h-full items-center justify-center p-4 text-center"> <div className={`flex min-h-full items-center justify-center p-4 text-center ${wrapperClassName}`}>
<Transition.Child <Transition.Child
as={Fragment} as={Fragment}
enter="ease-out duration-300" enter="ease-out duration-300"
......
...@@ -75,6 +75,7 @@ export default function AccountSetting({ ...@@ -75,6 +75,7 @@ export default function AccountSetting({
isShow isShow
onClose={() => { }} onClose={() => { }}
className={s.modal} className={s.modal}
wrapperClassName='pt-[60px]'
> >
<div className='flex'> <div className='flex'>
<div className='w-[200px] p-4 border border-gray-100'> <div className='w-[200px] p-4 border border-gray-100'>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment