design: 롤링페이퍼 작성 버튼 위치 수정

AAminha · AAminha · commit fd985fb83b10 · 2025-03-08T01:21:58.000+09:00
diff --git a/src/pages/RollingPaper/components/WriteCommentButton.tsx b/src/pages/RollingPaper/components/WriteCommentButton.tsx
@@ -62,7 +62,7 @@ const WriteCommentButton = ({ rollingPaperId }: WriteCommentButtonProps) => {
       )}
       <button
         type="button"
-        className="fixed bottom-7.5 left-5 z-10 overflow-hidden rounded-sm"
+        className="sticky bottom-8 z-10 mt-4 -mb-4 self-start overflow-hidden rounded-sm"
         onClick={() => setActiveMessageModal(true)}
       >
         <img src={EnvelopeImg} alt="편지지 이미지" className="h-12 w-auto opacity-70" />

Original file line number	Diff line number	Diff line change
`@@ -62,7 +62,7 @@ const WriteCommentButton = ({ rollingPaperId }: WriteCommentButtonProps) => {`
`62`	`62`	`)}`
`63`	`63`	`<button`
`64`	`64`	`type="button"`
`65`		`- className="fixed bottom-7.5 left-5 z-10 overflow-hidden rounded-sm"`
	`65`	`+ className="sticky bottom-8 z-10 mt-4 -mb-4 self-start overflow-hidden rounded-sm"`
`66`	`66`	`onClick={() => setActiveMessageModal(true)}`
`67`	`67`	`>`
`68`	`68`	`<img src={EnvelopeImg} alt="편지지 이미지" className="h-12 w-auto opacity-70" />`