Update display of submit button when disabled

leung018 · Apr 9, 2024 · e164f39 · e164f39
1 parent e79e999
commit e164f39
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/app/components/quiz.tsx b/src/app/components/quiz.tsx
@@ -133,7 +133,7 @@ export default function MultipleChoiceQuiz({
         />
       ))}
       <button
-        className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-4"
+        className="bg-blue-500 enabled:hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-4 disabled:opacity-75"
         onClick={() => {
           handleSubmit()
         }}