From 042501a031432cd7a3a2cc4eb6e703512ced912b Mon Sep 17 00:00:00 2001 From: Gilpop8663 Date: Fri, 15 Sep 2023 14:13:04 +0900 Subject: [PATCH] =?UTF-8?q?style:=20(#622)=20=EC=84=A0=ED=83=9D=EC=A7=80?= =?UTF-8?q?=EA=B0=80=20=EC=99=BC=EC=AA=BD=EC=9C=BC=EB=A1=9C=20=EC=9B=80?= =?UTF-8?q?=EC=A7=81=EC=9D=B4=EB=8A=94=20=EB=B2=84=EA=B7=B8=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 --- .../WritingVoteOption/OptionUploadImageButton/style.ts | 4 ++++ .../WritingVoteOptionList/WritingVoteOption/style.ts | 2 ++ 2 files changed, 6 insertions(+) diff --git a/frontend/src/components/optionList/WritingVoteOptionList/WritingVoteOption/OptionUploadImageButton/style.ts b/frontend/src/components/optionList/WritingVoteOptionList/WritingVoteOption/OptionUploadImageButton/style.ts index 8509c65fd..23f3e08ad 100644 --- a/frontend/src/components/optionList/WritingVoteOptionList/WritingVoteOption/OptionUploadImageButton/style.ts +++ b/frontend/src/components/optionList/WritingVoteOptionList/WritingVoteOption/OptionUploadImageButton/style.ts @@ -6,6 +6,7 @@ export const Container = styled.div<{ $isVisible: boolean }>` width: 24px; height: 24px; border-radius: 50%; + visibility: ${props => props.$isVisible && 'hidden'}; `; @@ -14,6 +15,9 @@ export const Label = styled.label` `; export const FileInput = styled.input` + position: absolute; + left: 0; + visibility: hidden; `; diff --git a/frontend/src/components/optionList/WritingVoteOptionList/WritingVoteOption/style.ts b/frontend/src/components/optionList/WritingVoteOptionList/WritingVoteOption/style.ts index 27b301835..96d1049a6 100644 --- a/frontend/src/components/optionList/WritingVoteOptionList/WritingVoteOption/style.ts +++ b/frontend/src/components/optionList/WritingVoteOptionList/WritingVoteOption/style.ts @@ -5,6 +5,8 @@ import { theme } from '@styles/theme'; export const Container = styled.li` display: flex; gap: 10px; + + position: relative; `; export const OptionContainer = styled.div`