浏览代码

fix: settings modal (#74)

tags/0.2.2
zxhlyh 2 年前
父节点
当前提交
15f932573a
没有帐户链接到提交者的电子邮件
共有 2 个文件被更改,包括 4 次插入1 次删除
  1. 3
    1
      web/app/components/base/modal/index.tsx
  2. 1
    0
      web/app/components/header/account-setting/index.tsx

+ 3
- 1
web/app/components/base/modal/index.tsx 查看文件



type IModal = { type IModal = {
className?: string className?: string
wrapperClassName?: string
isShow: boolean isShow: boolean
onClose: () => void onClose: () => void
title?: React.ReactNode title?: React.ReactNode


export default function Modal({ export default function Modal({
className, className,
wrapperClassName,
isShow, isShow,
onClose, onClose,
title, title,
</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"

+ 1
- 0
web/app/components/header/account-setting/index.tsx 查看文件

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'>

正在加载...
取消
保存