diff --git a/FE/src/components/DiaryModal/DiaryCreateModal.js b/FE/src/components/DiaryModal/DiaryCreateModal.js index 5b0ccc6..bec8271 100644 --- a/FE/src/components/DiaryModal/DiaryCreateModal.js +++ b/FE/src/components/DiaryModal/DiaryCreateModal.js @@ -241,7 +241,6 @@ function DiaryModalShapeSelectBox(props) { 모양 - 직접 그리기 {shapeList?.map((shape) => ( @@ -251,7 +250,10 @@ function DiaryModalShapeSelectBox(props) { setDiaryData((prev) => ({ ...prev, shapeUuid: shape.uuid })); }} > -
+
))} @@ -291,12 +293,16 @@ const ShapeSelectItemWrapper = styled.div` box-sizing: border-box; color: #ffffff; outline: none; + display: flex; - flex-wrap: wrap; justify-content: space-between; - gap: 1rem; + align-items: center; + overflow: auto; + overflow-y: hidden; margin-bottom: 1rem; + + gap: 1rem; `; const ShapeSelectBoxItem = styled.div` diff --git a/FE/src/components/DiaryModal/DiaryUpdateModal.js b/FE/src/components/DiaryModal/DiaryUpdateModal.js index c26d1ff..705e65b 100644 --- a/FE/src/components/DiaryModal/DiaryUpdateModal.js +++ b/FE/src/components/DiaryModal/DiaryUpdateModal.js @@ -302,7 +302,6 @@ function DiaryModalShapeSelectBox(props) { 모양 - 직접 그리기 {shapeList?.map((shape) => ( @@ -312,7 +311,10 @@ function DiaryModalShapeSelectBox(props) { setDiaryData((prev) => ({ ...prev, shapeUuid: shape.uuid })); }} > -
+
))} @@ -353,11 +355,12 @@ const ShapeSelectItemWrapper = styled.div` color: #ffffff; outline: none; display: flex; - flex-wrap: wrap; justify-content: space-between; - gap: 1rem; + align-items: center; overflow: auto; + overflow-y: hidden; margin-bottom: 1rem; + gap: 1rem; `; const ShapeSelectBoxItem = styled.div` diff --git a/FE/src/pages/StarPage.js b/FE/src/pages/StarPage.js index 93d5dbe..2055aa5 100644 --- a/FE/src/pages/StarPage.js +++ b/FE/src/pages/StarPage.js @@ -695,7 +695,7 @@ function Star(props) { } }} > - + p * 1.01)} > - +