[Design] 일부 컴포넌트 CSS 속성 변경

- 가격 및 거래량 컨트롤러 관련 CSS 속성 변경 Issues #12
codestates-seb · Sep 1, 2023 · 7c156d7 · 7c156d7
1 parent 36335b9
commit 7c156d7
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git 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
@@ -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;
+    }
   }
 `;