diff --git a/frontend/src/components/QuizForm/QuizDetailCard.jsx b/frontend/src/components/QuizForm/QuizDetailCard.jsx index 7f0abdf..44f654b 100644 --- a/frontend/src/components/QuizForm/QuizDetailCard.jsx +++ b/frontend/src/components/QuizForm/QuizDetailCard.jsx @@ -2,7 +2,7 @@ import styles from './QuizCard.module.css'; import { STATIC_URL } from '../../constants'; export default function QuizCard({ index, question, answer, image, choices }) { - console.log(question, answer, image, choices); + // TODO: 정답 / 오답 관련 표현 필요 시 추가 return (
@@ -20,28 +20,17 @@ export default function QuizCard({ index, question, answer, image, choices }) {
)} - +
{question}
- +
{answer}
+ {choices.map?.((choice, idx) => (
- - + +
{choice.content}
))}
diff --git a/frontend/src/components/QuizForm/QuizDetailCard.module.css b/frontend/src/components/QuizForm/QuizDetailCard.module.css index 05cbd09..7304149 100644 --- a/frontend/src/components/QuizForm/QuizDetailCard.module.css +++ b/frontend/src/components/QuizForm/QuizDetailCard.module.css @@ -36,12 +36,9 @@ height: 220px; margin: 10px auto; border-radius: 8px; + object-fit: contain; background-color: var(--background-secondary); - cursor: pointer; -} - -.hiddenInput { - display: none; + border: 1px solid var(--background-secondary); } .input {