small changes
All checks were successful
Build and Deploy / Deploy (push) Successful in 1m42s

This commit is contained in:
Xeovalyte 2023-05-11 13:21:02 +02:00
parent 1ca08ee8b5
commit c50e40f9ab
4 changed files with 4 additions and 6 deletions

View File

@ -44,11 +44,10 @@ onMounted(async () => {
<style> <style>
.body { .body {
padding-top: 10px;
margin-bottom: env(safe-area-inset-bottom); margin-bottom: env(safe-area-inset-bottom);
} }
.toastios { .toastios {
padding-top: 20px; padding-top: env(safe-area-inset-top);
} }
</style> </style>

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="flex flex-col justify-center items-center px-2"> <div class="flex flex-col justify-center h-screen items-center px-2 pb-20">
<h1 class="font-bold text-3xl text-center m-10">Reddingsbrigade Waddinxveen</h1> <h1 class="font-bold text-3xl text-center mb-20">Reddingsbrigade Waddinxveen</h1>
<div class="max-w-sm w-full"> <div class="max-w-sm w-full">
<form v-if="!creatingAccount" @submit.prevent="submitLoginForm" class="flex flex-col"> <form v-if="!creatingAccount" @submit.prevent="submitLoginForm" class="flex flex-col">
<label class="font-bold">Email</label> <label class="font-bold">Email</label>

View File

@ -14,7 +14,7 @@ const router = useRouter()
<style> <style>
.topbar { .topbar {
padding-top: calc(env(safe-area-inset-bottom) + 20px); padding-top: calc(env(safe-area-inset-top) + 20px);
padding-bottom: 20px; padding-bottom: 20px;
} }
</style> </style>

View File

@ -18,7 +18,6 @@
<Icon class="ml-auto" size="2em" name="ion:arrow-forward"/> <Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
</NuxtLink> </NuxtLink>
</div> </div>
</div> </div>
</template> </template>