Merge pull request #173 from 100-hours-a-week/feature/elle

Style : 모바일 화면 크기 조정 / 포폴 상세 삭제 버튼 수정
100-hours-a-week · Aug 30, 2024 · 3028c31 · 3028c31
2 parents 23c21e3 + 75b0c62
commit 3028c31
Show file tree

Hide file tree

Showing 15 changed files with 576 additions and 538 deletions.
diff --git a/src/Component/Button/DeleteButton.tsx b/src/Component/Button/DeleteButton.tsx
@@ -2,24 +2,25 @@ import React from "react";
 import "./DeleteButtonStyle.css";
 
 interface AnimatedButtonProps {
-    onClick: () => void;
+  onClick: () => void;
 }
 
 const DeleteButton: React.FC<AnimatedButtonProps> = ({ onClick }) => {
-    return (
-        <div
-            className="delete"
-            onClick={onClick}
-            style={{
-                left: "410px",
-                cursor: "pointer",
-                top: "-2px",
-            }}
-        >
-            <div className="top"></div>
-            <div className="bottom"></div>
-        </div>
-    );
+  return (
+    <div
+      className="delete"
+      onClick={onClick}
+      style={{
+        left: "410px",
+        cursor: "pointer",
+        top: "-2px",
+        marginRight: "2rem",
+      }}
+    >
+      <div className="top"></div>
+      <div className="bottom"></div>
+    </div>
+  );
 };
 
 export default DeleteButton;
diff --git a/src/Component/Carousel/EmblaCarousel.tsx b/src/Component/Carousel/EmblaCarousel.tsx
@@ -183,6 +183,7 @@ const EmblaCarousel: React.FC<PropType> = ({
                       style={{
                         fontSize: "20px",
                         color: "black",
+                        wordWrap: "break-word",
                       }}
                     >
                       ₩ {formatPrice(item.budget)}

diff --git a/src/Component/Carousel/embla.css b/src/Component/Carousel/embla.css
@@ -40,6 +40,7 @@
   margin-top: 0.7rem;
   margin-bottom: 1rem;
   min-height: 75px;
+  word-wrap: break-word;
 }
 
 @media screen and (max-width: 768px) {
@@ -48,6 +49,7 @@
     margin-top: 0.7rem;
     margin-bottom: 1rem;
     min-height: 40px;
+    word-wrap: break-word;
   }
 }
 

diff --git a/src/Component/List/Data/stockDataList.tsx b/src/Component/List/Data/stockDataList.tsx
@@ -17,7 +17,7 @@ const ListWrapper = styled.div`
 
 const StockDataList: React.FC<StockDataPropList> = ({ data }) => {
   return (
-    <div>
+    <div style={{ paddingBottom: "1rem" }}>
       <ListWrapper>
         {data.map((item) => (
           <StockData key={item.code} {...item} />