Przeglądaj źródła

fix: emoji-picker-z-index (#125)

Co-authored-by: yuhao1118 <yuhao1118@bytedance.net>
Yuhao 1 rok temu
rodzic
commit
b46511dd7b

+ 1 - 0
web/app/components/base/emoji-picker/index.tsx

@@ -80,6 +80,7 @@ const EmojiPicker: FC<IEmojiPickerProps> = ({
     onClose={() => { }}
     onClose={() => { }}
     isShow
     isShow
     closable={false}
     closable={false}
+    wrapperClassName='!z-40'
     className={cn(s.container, '!w-[362px] !p-0')}
     className={cn(s.container, '!w-[362px] !p-0')}
   >
   >
     <div className='flex flex-col items-center w-full p-3'>
     <div className='flex flex-col items-center w-full p-3'>

+ 1 - 1
web/app/components/base/modal/index.tsx

@@ -26,7 +26,7 @@ export default function Modal({
 }: IModal) {
 }: IModal) {
   return (
   return (
     <Transition appear show={isShow} as={Fragment}>
     <Transition appear show={isShow} as={Fragment}>
-      <Dialog as="div" className="relative z-10" onClose={onClose}>
+      <Dialog as="div" className={`relative z-10 ${wrapperClassName}`} onClose={onClose}>
         <Transition.Child
         <Transition.Child
           as={Fragment}
           as={Fragment}
           enter="ease-out duration-300"
           enter="ease-out duration-300"