Merge pull request #207 from Team-Lecue/Hotfix-Dori

[ Hotfix ] 디자인 수정
Team-Lecue · Jan 19, 2024 · 8ef6df2 · 8ef6df2
2 parents b68afd3 + 90a0ee3
commit 8ef6df2
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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;
   }};