comply with dark theme + minor resultend fix

This commit is contained in:
NetMan 2025-04-15 20:30:07 +02:00
parent d500031f34
commit a180381f99
7 changed files with 11 additions and 12 deletions

View file

@ -11,9 +11,7 @@ onMounted(() => {
ref="myModal"
class="flex justify-center items-center backdrop-blur-sm modal"
>
<div
class="flex flex-col p-3 bg-white rounded-md gap-3 modal-box min-w-fit"
>
<div class="flex flex-col p-3 bg-base rounded-md gap-3 modal-box min-w-fit">
<h1 class="text-[1.5rem]">
<slot name="title" />
</h1>

View file

@ -20,7 +20,7 @@ const timeRemainingFriendly = computed(() => {
<template>
<div
class="flex flex-row gap-4 *:flex *:items-center *:gap-3 border-b p-4 border-slate-300 bg-slate-100"
class="flex flex-row gap-4 *:flex *:items-center *:gap-3 border-b p-4 border-base-300 bg-base-100"
>
<div>
<span class="block">Wartość punktowa</span>

View file

@ -14,7 +14,7 @@ const emit = defineEmits<{
<template>
<div
class="flex flex-col items-stretch p-4 gap-10 border-l border-slate-300 bg-slate-100"
class="flex flex-col items-stretch p-4 gap-10 border-l border-base-300 bg-base-100"
>
<button class="btn btn-warning btn-xl" @click="emit('endExam')">
Zakończ egzamin

View file

@ -16,7 +16,7 @@ const emit = defineEmits<{
<template>
<div
class="flex flex-col items-stretch p-4 gap-6 border-l border-slate-300 bg-slate-100"
class="flex flex-col items-stretch p-4 gap-6 border-l border-base-300 bg-base-100"
>
<NuxtLink to="/" class="btn btn-warning btn-xl">
Wróć na stronę główną
@ -77,7 +77,7 @@ const emit = defineEmits<{
"
/>
</div>
<div class="flex-1" />
<div class="flex-1"></div>
<NuxtLink to="/exam" class="btn btn-warning btn-xl">
Rozpocznij jeszcze raz
</NuxtLink>

View file

@ -8,7 +8,7 @@ const answer = defineModel<string | null | undefined>();
<template>
<div
class="flex flex-col gap-5 border-t px-4 py-5 border-slate-300 bg-slate-100"
class="flex flex-col gap-5 border-t px-4 py-5 border-base-300 bg-base-100"
>
<div class="text-xl">
{{ question?.text }}
@ -48,7 +48,7 @@ const answer = defineModel<string | null | undefined>();
label {
@apply cursor-pointer flex flex-row gap-2 items-center;
&:hover {
@apply bg-slate-200;
@apply bg-base-200;
}
}
span {

View file

@ -8,7 +8,7 @@ const answer = defineModel<string | null | undefined>();
<template>
<div
class="flex flex-col gap-6 border-t px-4 py-5 border-slate-300 bg-slate-100"
class="flex flex-col gap-6 border-t px-4 py-5 border-base-300 bg-base-100"
>
<div class="text-xl">
{{ question?.text }}

View file

@ -114,9 +114,10 @@ async function next() {
function endExam() {
loading.value = true;
do {
while (!ending.value) {
next();
}
next();
} while (!ending.value);
examStore.setResult(result.value);
examStore.setEnd(true);
while (true) {