design: 퀴즈상세정보 카드 일부 디자인 변경
This commit is contained in:
parent
2bc0d7e3e5
commit
4ed8f85859
@ -30,7 +30,7 @@ export default function QuizCard({ index, question, answer, image, choices }) {
|
||||
className={styles.choiceDiv}
|
||||
key={idx}
|
||||
>
|
||||
<label>{choice.num} </label>
|
||||
<label className={styles.numLabel}>{choice.num} </label>
|
||||
<div className={`${styles.input} ${styles.choiceInput}`}>{choice.content}</div>
|
||||
</div>
|
||||
))}
|
||||
|
@ -59,6 +59,11 @@
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.numLabel {
|
||||
width: 40px;
|
||||
text-align: end;
|
||||
}
|
||||
|
||||
.choiceInput {
|
||||
flex-grow: 1;
|
||||
padding: 7px;
|
||||
|
Loading…
Reference in New Issue
Block a user