comply with dark theme + minor resultend fix
This commit is contained in:
parent
d500031f34
commit
a180381f99
7 changed files with 11 additions and 12 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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 }}
|
||||
|
|
|
@ -114,9 +114,10 @@ async function next() {
|
|||
|
||||
function endExam() {
|
||||
loading.value = true;
|
||||
do {
|
||||
while (!ending.value) {
|
||||
next();
|
||||
} while (!ending.value);
|
||||
}
|
||||
next();
|
||||
examStore.setResult(result.value);
|
||||
examStore.setEnd(true);
|
||||
while (true) {
|
||||
|
|
Loading…
Add table
Reference in a new issue