From 7c156d7070a373be4afa080c76417c0c8156cccb Mon Sep 17 00:00:00 2001
From: novice1993 <novice1993@gmail.com>
Date: Sat, 2 Sep 2023 03:09:57 +0900
Subject: [PATCH] =?UTF-8?q?[Design]=20=EC=9D=BC=EB=B6=80=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20CSS=20=EC=86=8D=EC=84=B1=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 가격 및 거래량 컨트롤러 관련 CSS 속성 변경

Issues #12
---
 client/src/components/StockOrderSection/PriceSetting.tsx  | 8 ++++++++
 .../src/components/StockOrderSection/VolumeSetteing.tsx   | 8 ++++++++
 2 files changed, 16 insertions(+)

diff --git a/client/src/components/StockOrderSection/PriceSetting.tsx b/client/src/components/StockOrderSection/PriceSetting.tsx
index 5dfba289..ac719730 100644
--- a/client/src/components/StockOrderSection/PriceSetting.tsx
+++ b/client/src/components/StockOrderSection/PriceSetting.tsx
@@ -76,6 +76,8 @@ const PriceSettingBox = styled.div`
 const PriceController = styled.input`
   flex: 1 0 0;
   height: 30px;
+  border: 1px solid darkgray;
+  border-right: none;
 `;
 
 const DirectionBox = styled.div`
@@ -89,5 +91,11 @@ const DirectionBox = styled.div`
     justify-content: center;
     align-items: center;
     font-size: 10px;
+    border: 1px solid darkgray;
+    border-radius: 0%;
+
+    &.PriceUp {
+      border-bottom: none;
+    }
   }
 `;
diff --git a/client/src/components/StockOrderSection/VolumeSetteing.tsx b/client/src/components/StockOrderSection/VolumeSetteing.tsx
index 3e0a4579..dee00d95 100644
--- a/client/src/components/StockOrderSection/VolumeSetteing.tsx
+++ b/client/src/components/StockOrderSection/VolumeSetteing.tsx
@@ -84,6 +84,8 @@ const VolumeSettingBox = styled.div`
 const VolumeController = styled.input`
   flex: 1 0 0;
   height: 30px;
+  border: 1px solid darkgray;
+  border-right: none;
 `;
 
 const DirectionBox = styled.div`
@@ -97,6 +99,12 @@ const DirectionBox = styled.div`
     justify-content: center;
     align-items: center;
     font-size: 10px;
+    border: 1px solid darkgray;
+    border-radius: 0%;
+
+    &.VolumeUp {
+      border-bottom: none;
+    }
   }
 `;