design: 퀴즈상세정보 카드 일부 디자인 변경

This commit is contained in:
정기영 2024-08-08 11:07:48 +09:00
parent 2bc0d7e3e5
commit 4ed8f85859
2 changed files with 6 additions and 1 deletions

View File

@ -30,7 +30,7 @@ export default function QuizCard({ index, question, answer, image, choices }) {
className={styles.choiceDiv} className={styles.choiceDiv}
key={idx} key={idx}
> >
<label>{choice.num} </label> <label className={styles.numLabel}>{choice.num} </label>
<div className={`${styles.input} ${styles.choiceInput}`}>{choice.content}</div> <div className={`${styles.input} ${styles.choiceInput}`}>{choice.content}</div>
</div> </div>
))} ))}

View File

@ -59,6 +59,11 @@
gap: 8px; gap: 8px;
} }
.numLabel {
width: 40px;
text-align: end;
}
.choiceInput { .choiceInput {
flex-grow: 1; flex-grow: 1;
padding: 7px; padding: 7px;