Merge pull request #625 from woowacourse-teams/feat/#622

선택지가 왼쪽으로 움직이는 버그 수정
woowacourse-teams · Sep 17, 2023 · 23b16f1 · 23b16f1
2 parents 4e28953 + 042501a
commit 23b16f1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/...nents/optionList/WritingVoteOptionList/WritingVoteOption/OptionUploadImageButton/style.ts b/...nents/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
@@ -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`