diff --git a/src/component/common/Modal/FullModal.tsx b/src/component/common/Modal/FullModal.tsx index ba2b9abc..62658498 100644 --- a/src/component/common/Modal/FullModal.tsx +++ b/src/component/common/Modal/FullModal.tsx @@ -29,7 +29,8 @@ export function FullModal({ children }: FullModalProps) { height: 100dvh; width: 48rem; overflow-y: auto; - background-color: #fff; + --parent-bg-color: #fff; + background-color: var(--parent-bg-color); `} > {children} diff --git a/src/component/retrospectCreate/steps/DueDate.tsx b/src/component/retrospectCreate/steps/DueDate.tsx index 1ca207ce..aca96bd8 100644 --- a/src/component/retrospectCreate/steps/DueDate.tsx +++ b/src/component/retrospectCreate/steps/DueDate.tsx @@ -60,13 +60,13 @@ export function DueDate() { cursor: pointer; `} > - {!(selectedDate && selectedTime) ? ( + {!selectedDate ? ( 회고 마감일을 선택해주세요 ) : ( - {`${formatDateToString(selectedDate as Date, ".")} ${selectedTime}`} + {`${formatDateToString(selectedDate as Date, ".")} ${selectedTime ?? ""}`} )} {/**FIXME - design token */}