From 757ef4fb0cc616730f755c0e620873ddfa84ebb6 Mon Sep 17 00:00:00 2001 From: chsua Date: Sun, 16 Jul 2023 22:31:28 +0900 Subject: [PATCH] =?UTF-8?q?design:=20(#54)=20=EA=B7=B8=EB=9E=98=ED=94=84?= =?UTF-8?q?=20=EA=B3=B5=ED=86=B5=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/components/VoteResult/GraphStyle.ts | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/frontend/src/components/VoteResult/GraphStyle.ts b/frontend/src/components/VoteResult/GraphStyle.ts index a9c68fedd..b45209742 100644 --- a/frontend/src/components/VoteResult/GraphStyle.ts +++ b/frontend/src/components/VoteResult/GraphStyle.ts @@ -6,12 +6,11 @@ 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; + font-size: 1.2rem; + @media (min-width: 576px) { font-size: 1.4rem; } @@ -20,6 +19,6 @@ export const GraphContainer = styled.div<{ $size: Size }>` 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')}; + top: ${props => (props.$size === 'sm' ? '165px' : props.$size === 'md' ? '194px' : '224px')}; width: 100%; `;