jhynsoo/edufocus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/QuizForm/QuizDetailCard.jsx
View File

@ -3,7 +3,7 @@ import { STATIC_URL } from '../../constants';
export default function QuizDetailCard({ index, question, answer, image, choices, userAnswer = null, correct = true }) { export default function QuizDetailCard({ index, question, answer, image, choices, userAnswer = null, correct = true }) {
return ( return (
<div className={`${styles.card} ${!correct && styles.incorrect}`}> <div className={`${styles.card} ${correct ? styles.correct : styles.incorrect}`}>
<div className={styles.header}> <div className={styles.header}>
<span className={styles.heading}>{index}번 퀴즈</span> <span className={styles.heading}>{index}번 퀴즈</span>
</div> </div>

11
frontend/src/components/QuizForm/QuizDetailCard.module.css
View File

@ -10,8 +10,13 @@
} }
.incorrect { .incorrect {
background-color: #db3232; /* background-color: var(--red200); */
border: 1px solid var(--red300); border: 2px solid var(--red300);
}
.correct {
/* background-color: var(--green200); */
border: 2px solid var(--green300);
} }
.header { .header {
@ -68,7 +73,7 @@
.numLabel { .numLabel {
width: 40px; width: 40px;
text-align: right; text-align: center;
display: block; display: block;
} }