Merge pull request #248 from 100-hours-a-week/feature/veronica

Feature/veronica
100-hours-a-week · Sep 30, 2024 · 12a4557 · 12a4557
2 parents 9e83cc1 + a62cb84
commit 12a4557
Showing 1 changed file with 4 additions and 25 deletions.
diff --git a/src/Component/Game/GameTradeSwipe.tsx b/src/Component/Game/GameTradeSwipe.tsx
@@ -190,16 +190,6 @@ const GameTradeSwipe = ({
             <SwipeModal isOpen={isVisible} ref={modalRef}>
                 <SwipeContainer>
                     <div style={{ position: "relative", paddingTop: "20px" }}>
-                        <CloseButton
-                            onClick={() => {
-                                setSelectedStock(stockOptions[0]);
-                                setQuantity(0);
-                                onClose();
-                            }}
-                        >
-                            X
-                        </CloseButton>
-
                         {/* <Title>주식 거래하기</Title> */}
                         <TradeChoice
                             title="종목"
@@ -268,8 +258,8 @@ const SwipeModal = styled.div<{ isOpen: boolean }>`
     position: fixed;
     left: 50%;
     bottom: ${(props) => (props.isOpen ? "0" : "-100%")};
-    max-height: ${(props) => (props.isOpen ? "65vh" : "0")};
-    height: 65vh;
+    max-height: ${(props) => (props.isOpen ? "60vh" : "0")};
+    height: 60vh;
     max-width: 426px;
     box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
     transition: bottom 0.7s ease, max-height 0.7s ease;
@@ -292,18 +282,6 @@ const SwipeContainer = styled.div`
     flex-direction: column;
 `;
 
-const CloseButton = styled.button`
-    width: 30px;
-    height: 30px;
-    cursor: pointer;
-    position: absolute;
-    font-size: 20px;
-    top: 0;
-    right: 0;
-    border: none;
-    background-color: transparent;
-`;
-
 // const Title = styled.span`
 //     font-size: 25px;
 //     font-weight: 700;
@@ -315,8 +293,9 @@ const TradeButtonGroup = styled.div`
     display: flex;
     justify-content: center;
     align-items: center;
-    gap: 20px;
+    gap: 30px;
     margin: 20px 0;
+    width: 250px;
 `;
 
 const TradeButton = styled.button`