보관함 디자인 수정

src/components/ChangeInfo/ChangePw.js

@@ -9,7 +9,6 @@ import Modal from "../Modal/Modal";
 import { ReactComponent as NextArrowGray } from "../../images/ic_next_arrow_gray.svg";
 import { ReactComponent as NextArrowWhite } from "../../images/ic_next_arrow_white.svg";
 
-
 const ModalContent = styled.div`
   position: fixed;
   top: 50%;
@@ -40,7 +39,7 @@ const ModalButton1 = styled.button`
   font-size: 18px;
 `;
 
-const ChangePw = ({setShowChangePw}) => {
+const ChangePw = ({ setShowChangePw }) => {
   const [pw, setPw] = useState("");
   const [matchingPw, setMatchingPw] = useState("");
   const [invalidPwInfo, setInvalidPwInfo] = useState("");
@@ -111,7 +110,7 @@ const ChangePw = ({setShowChangePw}) => {
             // isModalOn={showModal}
             iconSrc={"images/lock.svg"}
             iconAlt={"lock"}
-            mainContent={"비밀번호가 재설정되었습니다."}
+            mainContent={"비밀번호가 변경되었습니다."}
             subContent={"바뀐 비밀번호로 로그인하세요."}
             btnContent={"확인"}
             onClickBtn={handleCloseModal}
@@ -168,7 +167,7 @@ const ChangePw = ({setShowChangePw}) => {
               }}
             >
               재설정하기
-              {isAllValid ? <NextArrowWhite/> : <NextArrowGray/>}
+              {isAllValid ? <NextArrowWhite /> : <NextArrowGray />}
             </Button>
           </div>
         </div>
@@ -190,6 +189,6 @@ const Wrapper = styled.div`
   align-items: center;
   background-color: #ffffff;
   z-index: 101;
-`
+`;
 
 export default ChangePw;

src/components/Modal/style.js

@@ -31,7 +31,7 @@ export const ModalMainContent = styled.div`
   color: ${(props) =>
     props.modalTheme === ModalTheme.NORMAL ? "#7bab6e" : "#FF6B6B"};
   font-weight: 700;
-  padding-bottom: 2px;
+  letter-spacing: -0.02em;
 `;
 
 export const ModalSubContent = styled.div`
@@ -41,6 +41,7 @@ export const ModalSubContent = styled.div`
   font-weight: 400;
   color: ${(props) =>
     props.modalTheme === ModalTheme.NORMAL ? "#7bab6e" : "#FF6B6B"};
+  letter-spacing: -0.02em;
 `;
 
 export const ModalBtnWrapper = styled.div`

src/components/pages/Main/Locker/LockerPrayerList.js

@@ -35,7 +35,7 @@ const S = {
     );
     box-shadow: 0px 2px 8px var(--color-locker-content-shadow);
     border-radius: 16px;
-    margin: 12px 24px;
+    margin: 12px 24px 0px 24px;
     outline: ${({ isChecked }) =>
       isChecked ? `2px solid var(--color-dark-green)` : `var(--color-white)`};
     transition: all 0.3s ease-in-out;

src/pages/Settings.js

@@ -173,7 +173,7 @@ const Settings = () => {
             iconSrc={"images/ic_logout.svg"}
             iconAlt={"icon_logout"}
             mainContent={"로그아웃 하시겠습니까?"}
-            subContent={"보다 안전하게 로그아웃을 진행해 드릴게요."}
+            subContent={"안전하게 로그아웃을 진행해 드릴게요."}
             btnContent={"로그아웃"}
             btnContent2={"취소"}
             onClickBtn={logout}

src/utils/date.js

@@ -25,8 +25,7 @@ export const getCalculatedDiff = (date) => {
 
 export const getDDayLabel = (date) => {
   const diff = getCalculatedDiff(date);
-
-  if (diff === 0) return "D-Day";
-  if (diff > 0) return `D-${diff}`;
+  // if (diff === 0) return "D-Day";
+  // if (diff > 0) return `D-${diff}`;
   return `D+${Math.abs(diff)}`;
 };