[Design] 일부 컴포넌트 CSS 수정

- 가격/거래량 컨트롤러 관련 컴포넌트 CSS 수정 Issues #12
codestates-seb · Sep 1, 2023 · cd6f9a4 · cd6f9a4
1 parent 7c156d7
commit cd6f9a4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/client/src/components/StockOrderSection/PriceSetting.tsx b/client/src/components/StockOrderSection/PriceSetting.tsx
@@ -78,6 +78,7 @@ const PriceController = styled.input`
   height: 30px;
   border: 1px solid darkgray;
   border-right: none;
+  border-radius: 0.2rem 0 0 0.2rem;
 `;
 
 const DirectionBox = styled.div`
@@ -96,6 +97,11 @@ const DirectionBox = styled.div`
 
     &.PriceUp {
       border-bottom: none;
+      border-radius: 0 0.2rem 0 0;
+    }
+
+    &.PriceDown {
+      border-radius: 0 0 0.2rem 0;
     }
   }
 `;
diff --git a/client/src/components/StockOrderSection/VolumeSetteing.tsx b/client/src/components/StockOrderSection/VolumeSetteing.tsx
@@ -86,6 +86,7 @@ const VolumeController = styled.input`
   height: 30px;
   border: 1px solid darkgray;
   border-right: none;
+  border-radius: 0.2rem 0 0 0.2rem;
 `;
 
 const DirectionBox = styled.div`
@@ -104,6 +105,11 @@ const DirectionBox = styled.div`
 
     &.VolumeUp {
       border-bottom: none;
+      border-radius: 0 0.2rem 0 0;
+    }
+
+    &.VolumeDown {
+      border-radius: 0 0 0.2rem 0;
     }
   }
 `;