style: 버튼 부분 패딩 값 지정

Team-Lecue · Jan 14, 2024 · 83cc6d7 · 83cc6d7
1 parent 3e6a74a
commit 83cc6d7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/Detail/components/LecueNoteListContainer/LecueNoteListContainer.style.ts b/src/Detail/components/LecueNoteListContainer/LecueNoteListContainer.style.ts
@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 export const LecueNoteListContainerWrapper = styled.div<{
   backgroundColor: number;
 }>`
-  padding: 0 1.65rem;
+  padding-bottom: ${({ isEditable }) => isEditable && '12rem'};
 
   background-color: ${({ theme, backgroundColor }) => {
     switch (backgroundColor) {

diff --git a/src/Detail/components/LecueNoteListContainer/index.tsx b/src/Detail/components/LecueNoteListContainer/index.tsx
@@ -94,7 +94,10 @@ function LecueNoteListContainer({
   };
 
   return (
-    <S.LecueNoteListContainerWrapper backgroundColor={backgroundColor}>
+    <S.LecueNoteListContainerWrapper
+      isEditable={isEditable}
+      backgroundColor={backgroundColor}
+    >
       <LecueNoteListHeader
         noteNum={noteNum}
         backgroundColor={backgroundColor}