dark_mode
This commit is contained in:
@@ -7,13 +7,13 @@
|
||||
Spiel verlassen
|
||||
</button>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg shadow-md p-6 mb-6">
|
||||
<div class="bg-white rounded-lg shadow-md p-6 mb-6 dark:bg-transparent dark:text-white">
|
||||
|
||||
<div class="flex justify-between mb-2">
|
||||
<div class="flex gap-1 text-sm"><p class="text-sm">Frage</p>
|
||||
<p class="text-gray-700 font-bold text-sm">{{ question_index|add:1 }}</p>
|
||||
<p class="text-gray-700 font-bold text-sm dark:text-white">{{ question_index|add:1 }}</p>
|
||||
<p class="text-sm">von</p>
|
||||
<p class="text-gray-700 font-bold text-sm">{{ total_questions }}</p>
|
||||
<p class="text-gray-700 font-bold text-sm dark:text-white">{{ total_questions }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<h1 class="text-xl font-black mb-2 border-blue-500 border-4 p-4 text-center rounded-lg md:text-2xl lg:text-4xl">{{ question_data.question}}</h1>
|
||||
@@ -59,10 +59,10 @@
|
||||
{% else %}
|
||||
<form action="">
|
||||
<input id="textanswer" type="text" placeholder="DEINE ANTWORT"
|
||||
class="answer-option text-center p-2 bg-gray-100 hover:bg-blue-100 rounded-lg transition-colors duration-200 answer-option lg:w-80">
|
||||
class="answer-option text-center p-2 bg-gray-100 hover:bg-blue-100 rounded-lg transition-colors duration-200 answer-option lg:w-80 dark:bg-transparent dark:text-white dark:hover:bg-[#2a2f3a]">
|
||||
<button
|
||||
onclick="submitAnswer( -1 );"
|
||||
class="mt-2 text-center p-2 bg-gray-100 hover:bg-blue-100 rounded-lg transition-colors duration-200 answer-option">
|
||||
class="mt-2 text-center p-2 bg-gray-100 hover:bg-blue-100 rounded-lg transition-colors duration-200 answer-option dark:bg-transparent dark:text-white dark:hover:bg-[#2a2f3a]">
|
||||
abschicken
|
||||
</button>
|
||||
</form>
|
||||
|
||||
Reference in New Issue
Block a user