feat: (#54) 그래프 공통 스타일 생성

woowacourse-teams · Jul 17, 2023 · 49891d3 · 49891d3
1 parent 1ed4e8b
commit 49891d3
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/frontend/src/components/VoteResult/GraphStyle.ts b/frontend/src/components/VoteResult/GraphStyle.ts
@@ -0,0 +1,25 @@
+import { styled } from 'styled-components';
+
+import { Size } from '@components/common/AddButton/type';
+
+export const GraphContainer = styled.div<{ $size: Size }>`
+ display: flex;
+
+ height: ${props => (props.$size === 'sm' ? '200px' : props.$size === 'md' ? '230px' : '260px')};
+ border: 1px solid red;
+
+ font-size: 1.2rem;
+
+ position: relative;
+
+ @media (min-width: 576px) {
+ font-size: 1.4rem;
+ }
+`;
+
+export const Line = styled.div<{ $size: Size }>`
+ border-bottom: 2px solid black;
+ position: absolute;
+ top: ${props => (props.$size === 'sm' ? '163px' : props.$size === 'md' ? '193px' : '223px')};
+ width: 100%;
+`;