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}
|
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>
|
||||||
))}
|
))}
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user