fix: 리포트 카드 보더에 컬러 추가

This commit is contained in:
minwucho 2024-08-13 10:24:22 +09:00
parent 9e08857722
commit 0297956cd2
2 changed files with 9 additions and 4 deletions

View File

@ -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>

View File

@ -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;
}