Skip to content
Snippets Groups Projects
Commit ce26feb7 authored by Trygve Jørgensen's avatar Trygve Jørgensen
Browse files

enhancement(config): config 6 is now fully reactive

parent c0ccfcab
No related branches found
No related tags found
2 merge requests!66Final merge,!62WCAG fixes
<template>
<div
class="flex flex-col items-center justify-center min-h-screen md:pt-10 pt-4 pb-24 text-center"
>
<h1 class="mb-8 lg:mb-12 text-4xl font-bold">
<div class="flex flex-col items-center justify-center min-h-screen px-4 text-center gap-5">
<h1 class="text-2xl font-bold sm:text-4xl">
Legg til kontonummer for sparekonto og brukskonto
</h1>
<div class="absolute bottom-0 md:bottom-40 left-0 w-40 h-40 md:w-52 md:h-52 ml-4">
<SpareComponent
:speech="[
'Her skriver du inn kontonummer for sparekonto og brukskonto. 🪩',
'Sparekonto er kontoen du vil legge alle dine oppsparte penger på!',
'Brukskonto er kontoen du ønsker at pangene skal gå ut fra',
'Du kan endre dette senere hvis du ønsker det!'
]"
:png-size="10"
:direction="'right'"
:imageDirection="'right'"
></SpareComponent>
<p class="text-xs absolute left-0 md:ml-3 ml-1 mt-2">Trykk på meg for hjelp ❗️</p>
</div>
<div
class="flex flex-col items-center justify-center bg-white rounded-lg p-8 shadow-lg w-full md:w-[45%]"
>
......@@ -49,7 +33,22 @@
/>
</div>
</div>
<div class="absolute bottom-36 right-2">
<div class="flex flex-row flex-wrap justify-center gap-x-52 gap-y-5">
<div class="flex flex-col">
<SpareComponent
:direction="'right'"
:imageDirection="'right'"
:png-size="10"
:speech="[
'Her skriver du inn kontonummer for sparekonto og brukskonto. 🪩',
'Sparekonto er kontoen du vil legge alle dine oppsparte penger på!',
'Brukskonto er kontoen du ønsker at pangene skal gå ut fra',
'Du kan endre dette senere hvis du ønsker det!'
]"
class="w-60"
></SpareComponent>
<p class="text-xs">Trykk på meg for hjelp ❗️</p>
</div>
<ContinueButtonComponent
@click="onButtonClick"
:disabled="!isFormValid"
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment