style: 퀴즈가 없을 때 글꼴 변경

boostcampwm-2024 · Dec 1, 2024 · 18abd31 · 18abd31
1 parent 22dd871
commit 18abd31
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/client/src/pages/quiz-list/ui/ClassItem.tsx b/packages/client/src/pages/quiz-list/ui/ClassItem.tsx
@@ -78,7 +78,9 @@ export default function ClassItem({ index, quizList }: ClassItemProps) {
       </div>
       {selectedClassIndex === index && (
         <div className={`flex flex-col gap-3 p-4 -mt-4 border shadow-sm rounded-base bg-white`}>
-          {quizList.quizzes.length === 0 && <span>퀴즈가 없습니다.</span>}
+          {quizList.quizzes.length === 0 && (
+            <span className="text-md font-semibold text-gray-600">퀴즈가 없습니다.</span>
+          )}
           {quizList.quizzes.map((quizData, quizIndex) => (
             <span key={`${quizData.content} ${quizIndex}`}>
               <span className="text-md font-bold text-secondary">Q{quizIndex + 1}: </span>