Merge pull request #118 from BacPacNet/refactor-1.0

fix: model Wrapper css
BacPacNet · Dec 10, 2024 · 0b84c0a · 0b84c0a
2 parents f2c4fef + d54088d
commit 0b84c0a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/molecules/Modal/ModalWrapper.tsx b/src/components/molecules/Modal/ModalWrapper.tsx
@@ -22,8 +22,8 @@ const ModalWrapper = ({ children, setModal, isShown, smallHeight = false, taking
       } ${smallHeight ? 'h-[99%]' : 'h-screen'} top-0 flex justify-center items-center z-50`}
     >
       <div onClick={() => setModal(false)} className="bg-black opacity-70 w-full h-screen fixed -z-10"></div>
-      <div className="bg-white w-[450px] max-sm:w-11/12 max-md:w-2/3 min-w-[370px] max-h-[32rem] overflow-y-auto rounded-2xl shadow-lg px-8 pb-4">
-        <div className="flex justify-end">
+      <div className="relative bg-white w-[450px] max-sm:w-11/12 max-md:w-2/3 min-w-[370px] max-h-[32rem] overflow-y-auto rounded-2xl shadow-lg px-8 py-4">
+        <div className="absolute right-0 top-0">
           <button onClick={() => setModal(false)} className="p-2">
             <IoClose size={24} />
           </button>