diff --git a/src/Detail/components/LecueNoteListContainer/LecueNoteListContainer.style.ts b/src/Detail/components/LecueNoteListContainer/LecueNoteListContainer.style.ts index 24c569ab..fa4e0ad1 100644 --- 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 index 5ad8f9c1..ce4efa3c 100644 --- a/src/Detail/components/LecueNoteListContainer/index.tsx +++ b/src/Detail/components/LecueNoteListContainer/index.tsx @@ -94,7 +94,10 @@ function LecueNoteListContainer({ }; return ( - +