diff --git a/src/Detail/components/LecueNoteModal/LecueNoteModal.style.ts b/src/Detail/components/LecueNoteModal/LecueNoteModal.style.ts index aa2d9ad6..dcc3fed6 100644 --- a/src/Detail/components/LecueNoteModal/LecueNoteModal.style.ts +++ b/src/Detail/components/LecueNoteModal/LecueNoteModal.style.ts @@ -59,7 +59,7 @@ export const LecueNoteModalContentWrapper = styled.div` width: 100%; height: 23.4rem; - padding: 1.3rem 0.6rem; + padding: 0 0.6rem; margin-top: 3rem; `; diff --git a/src/LecueNote/components/WriteNote/WriteNote.style.ts b/src/LecueNote/components/WriteNote/WriteNote.style.ts index 2c29bc5b..8c6e0882 100644 --- a/src/LecueNote/components/WriteNote/WriteNote.style.ts +++ b/src/LecueNote/components/WriteNote/WriteNote.style.ts @@ -51,6 +51,7 @@ export const Contents = styled.textarea<{ $textColor: string }>` ${({ theme }) => theme.fonts.Body1_R_16}; background-color: transparent; color: ${({ $textColor }) => $textColor}; + resize: none; outline-color: ${({ theme }) => theme.colors.key}; diff --git a/src/Mypage/components/LecueList/LecueList.style.ts b/src/Mypage/components/LecueList/LecueList.style.ts index f4d08acc..ef5186a7 100644 --- a/src/Mypage/components/LecueList/LecueList.style.ts +++ b/src/Mypage/components/LecueList/LecueList.style.ts @@ -36,7 +36,7 @@ export const ListWrapper = styled.section<{ variant: string }>` width: 100%; height: calc(100dvh - 19.3rem); - padding: 1rem; + padding: 1rem 1rem 1rem 1.5rem; border-radius: ${({ variant }) => (variant === 'note' ? 0 : 0.4)}rem ${({ variant }) => (variant === 'note' ? 0.4 : 0)}rem 0.4rem 0.4rem; @@ -45,7 +45,8 @@ export const ListWrapper = styled.section<{ variant: string }>` export const ListContainer = styled.div<{ variant: string }>` display: flex; - gap: ${({ variant }) => (variant === 'note' ? 1 : 0.8)}rem; + gap: ${({ variant }) => (variant === 'note' ? 1 : 0.8)}rem + ${({ variant }) => (variant === 'note' ? 1 : 0.95)}rem; flex-wrap: wrap; overflow: scroll; diff --git a/src/Mypage/components/LecueNote/LecueNote.style.ts b/src/Mypage/components/LecueNote/LecueNote.style.ts index fb3244dc..011ea692 100644 --- a/src/Mypage/components/LecueNote/LecueNote.style.ts +++ b/src/Mypage/components/LecueNote/LecueNote.style.ts @@ -7,7 +7,7 @@ export const Wrapper = styled.li<{ justify-content: space-between; flex-direction: column; - width: 48.5%; + width: 48%; height: 16.3rem; padding: 1.5rem 0.95rem 1rem; diff --git a/src/Mypage/components/NoteModal/NoteModal.style.ts b/src/Mypage/components/NoteModal/NoteModal.style.ts index e15c8996..530a2478 100644 --- a/src/Mypage/components/NoteModal/NoteModal.style.ts +++ b/src/Mypage/components/NoteModal/NoteModal.style.ts @@ -21,11 +21,11 @@ export const ModalWrapper = styled.div<{ position: relative; width: 31rem; - height: 35.8rem; + height: 36.5rem; padding: 0.6rem 0.6rem 1.5rem 2rem; border-radius: 0.4rem; - background-size: 31rem 35.8rem; + background-size: 31rem 36.5rem; color: ${({ noteTextColor }) => { return noteTextColor; }};