From 83cc6d7eb4b60f3b299f90b0c831c26c4c93a2e7 Mon Sep 17 00:00:00 2001
From: eunbenn <ds5bean23@gmail.com>
Date: Mon, 15 Jan 2024 05:45:19 +0900
Subject: [PATCH 1/3] =?UTF-8?q?style:=20=EB=B2=84=ED=8A=BC=20=EB=B6=80?=
 =?UTF-8?q?=EB=B6=84=20=ED=8C=A8=EB=94=A9=20=EA=B0=92=20=EC=A7=80=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../LecueNoteListContainer/LecueNoteListContainer.style.ts   | 2 +-
 src/Detail/components/LecueNoteListContainer/index.tsx       | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

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 (
-    <S.LecueNoteListContainerWrapper backgroundColor={backgroundColor}>
+    <S.LecueNoteListContainerWrapper
+      isEditable={isEditable}
+      backgroundColor={backgroundColor}
+    >
       <LecueNoteListHeader
         noteNum={noteNum}
         backgroundColor={backgroundColor}

From d555e940634abf2990a31225145dd5cccd509956 Mon Sep 17 00:00:00 2001
From: eunbenn <ds5bean23@gmail.com>
Date: Mon, 15 Jan 2024 05:45:46 +0900
Subject: [PATCH 2/3] =?UTF-8?q?fix:=20=EC=96=B4=EA=B7=B8=EB=9F=AC=EC=A7=84?=
 =?UTF-8?q?=20=EB=B7=B0=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../LecueNoteListContainer/LecueNoteListContainer.style.ts     | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/Detail/components/LecueNoteListContainer/LecueNoteListContainer.style.ts b/src/Detail/components/LecueNoteListContainer/LecueNoteListContainer.style.ts
index fa4e0ad1..1ece03d5 100644
--- a/src/Detail/components/LecueNoteListContainer/LecueNoteListContainer.style.ts
+++ b/src/Detail/components/LecueNoteListContainer/LecueNoteListContainer.style.ts
@@ -2,7 +2,10 @@ import styled from '@emotion/styled';
 
 export const LecueNoteListContainerWrapper = styled.div<{
   backgroundColor: number;
+  isEditable: boolean;
 }>`
+  width: 100vw;
+  padding: 0 1.6rem;
   padding-bottom: ${({ isEditable }) => isEditable && '12rem'};
 
   background-color: ${({ theme, backgroundColor }) => {

From c2688b8ec8a5da3925ca1e60b12470f396b7ff6e Mon Sep 17 00:00:00 2001
From: eunbenn <ds5bean23@gmail.com>
Date: Mon, 15 Jan 2024 05:46:10 +0900
Subject: [PATCH 3/3] =?UTF-8?q?fix:=20Editable=20=EC=83=81=ED=83=9C?=
 =?UTF-8?q?=EC=97=90=EC=84=9C=EB=8F=84=20=EB=B6=80=EC=B0=A9=EB=90=9C=20?=
 =?UTF-8?q?=EC=8A=A4=ED=8B=B0=EC=BB=A4=20=EB=B3=B4=EC=9D=B4=EA=B2=8C=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Detail/components/ZigZagView/index.tsx | 27 +++++++++++-----------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/Detail/components/ZigZagView/index.tsx b/src/Detail/components/ZigZagView/index.tsx
index ad09b933..3ad1ab44 100644
--- a/src/Detail/components/ZigZagView/index.tsx
+++ b/src/Detail/components/ZigZagView/index.tsx
@@ -29,7 +29,19 @@ function ZigZagView({
           <SmallLecueNote {...note} noteList={noteList} />
         </S.LecueNoteContainer>
       ))}
-      {isEditable ? (
+      <S.StickerContainer>
+        {postedStickerList.map((data) => (
+          <Draggable
+            nodeRef={nodeRef}
+            key={data.postedStickerId}
+            positionOffset={{ x: data.positionX, y: data.positionY }}
+            onStart={() => false}
+          >
+            <S.Sticker ref={nodeRef} stickerImage={data.stickerImage} />
+          </Draggable>
+        ))}
+      </S.StickerContainer>
+      {isEditable && (
         <S.StickerContainer>
           <Draggable
             defaultPosition={{
@@ -43,19 +55,6 @@ function ZigZagView({
             <S.Sticker ref={nodeRef} stickerImage={stickerState.stickerImage} />
           </Draggable>
         </S.StickerContainer>
-      ) : (
-        <S.StickerContainer>
-          {postedStickerList.map((data) => (
-            <Draggable
-              nodeRef={nodeRef}
-              key={data.postedStickerId}
-              positionOffset={{ x: data.positionX, y: data.positionY }}
-              onStart={() => false}
-            >
-              <S.Sticker ref={nodeRef} stickerImage={data.stickerImage} />
-            </Draggable>
-          ))}
-        </S.StickerContainer>
       )}
     </S.ZigZagViewWrapper>
   );