fix: 리포트 카드 보더에 컬러 추가
This commit is contained in:
parent
9e08857722
commit
0297956cd2
@ -3,7 +3,7 @@ import { STATIC_URL } from '../../constants';
|
||||
|
||||
export default function QuizDetailCard({ index, question, answer, image, choices, userAnswer = null, correct = true }) {
|
||||
return (
|
||||
<div className={`${styles.card} ${!correct && styles.incorrect}`}>
|
||||
<div className={`${styles.card} ${correct ? styles.correct : styles.incorrect}`}>
|
||||
<div className={styles.header}>
|
||||
<span className={styles.heading}>{index}번 퀴즈</span>
|
||||
</div>
|
||||
|
@ -10,8 +10,13 @@
|
||||
}
|
||||
|
||||
.incorrect {
|
||||
background-color: #db3232;
|
||||
border: 1px solid var(--red300);
|
||||
/* background-color: var(--red200); */
|
||||
border: 2px solid var(--red300);
|
||||
}
|
||||
|
||||
.correct {
|
||||
/* background-color: var(--green200); */
|
||||
border: 2px solid var(--green300);
|
||||
}
|
||||
|
||||
.header {
|
||||
@ -68,7 +73,7 @@
|
||||
|
||||
.numLabel {
|
||||
width: 40px;
|
||||
text-align: right;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user