style: Modal className 변경

JNU-econovation · Apr 6, 2024 · 9f07630 · 9f07630
1 parent 5687032
commit 9f07630
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/FE/error/src/components/CheckModal/CheckCalendar.css b/FE/error/src/components/CheckModal/CheckCalendar.css
@@ -1,4 +1,4 @@
-.modal {
+.CheckModal {
   position: absolute;
   top: 50%;
   left: 50%;

diff --git a/FE/error/src/components/CheckModal/CheckCalendar.jsx b/FE/error/src/components/CheckModal/CheckCalendar.jsx
@@ -55,7 +55,7 @@ const CheckCalendar = ({
     <Modal
       isOpen={isOpen}
       onRequestClose={onRequestClose}
-      className="modal"
+      className="CheckModal"
       overlayClassName="overlay"
     >
       <ModalBar>
@@ -93,7 +93,7 @@ export default CheckCalendar;
 
 const ModalBar = styled.div`
   margin-top: 0.5rem;
-  width: 100%;
+  width: 25rem;
   display: flex;
   flex-direction: row-reverse;
   outline: none;
@@ -109,7 +109,7 @@ const ModalBar = styled.div`
 `;
 
 const ModalContent = styled.div`
-  padding: 1rem;
+  padding: 2rem;
   display: flex;
   flex-direction: column;
   span {