Merge pull request #351 from TripInfoWeb/dev_etc

Dev etc
TripInfoWeb · Sep 21, 2024 · 2382e98 · 2382e98
2 parents 3159a10 + 7c17f01
commit 2382e98
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/common/ReactToastifyComponent.tsx b/src/components/common/ReactToastifyComponent.tsx
@@ -35,20 +35,20 @@ const ReactToastifyComponent = () => {
   }, [toastifyStore]);
 
   return (
-    <div className="fixed z-999 text-[1.4rem]">
+    <div className="fixed z-999 text-[1rem] w-full translate-y-[4rem]">
       <ToastContainer
         position={"top-right"} // 알람 위치 지정
-        autoClose={500} // 자동 off 시간
+        autoClose={1000} // 자동 off 시간
         hideProgressBar={false} // 진행시간바 숨김
         // closeOnClick // 클릭으로 알람 닫기
         rtl={false} // 알림 좌우 반전
         closeButton={true}
         // pauseOnFocusLoss // 화면을 벗어나면 알람 정지
         draggable // 드래그 가능
-        pauseOnHover={false} // 마우스를 올리면 알람 정지
+        pauseOnHover={true} // 마우스를 올리면 알람 정지
         limit={3} // 알람 개수 제한\
         theme={"colored"}
-        className={"translate-y-[4rem] w-[40vw] relative"}
+        // className={"translate-y-[4rem] w-full relative flex justify-end"}
       />
     </div>
   );

diff --git a/src/components/common/modal/Modal.tsx b/src/components/common/modal/Modal.tsx
@@ -79,7 +79,9 @@ export const Modal = ({
         }}
       >
         {isHeaderBar && (
-          <div className={`flex h-[3rem] w-full justify-end ${headerBarStyle}`}>
+          <div
+            className={`flex h-[3rem] w-full justify-end rounded-t-[1rem] ${headerBarStyle}`}
+          >
             <button
               onClick={() => onClose()}
               className="transform-origin-center mr-[.5rem] mt-[1rem] h-[2rem] w-[2rem] scale-100 transform transition-transform duration-300 hover:scale-150"