fix login screen
continuous-integration/drone/push Build is passing Details

This commit is contained in:
philipp lang 2022-12-04 23:54:07 +01:00
parent 0a58d0ffdc
commit 55e5ae1809
2 changed files with 9 additions and 9 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<div id="app" class="bg-gray-900 font-sans flex flex-col grow items-center justify-center"> <div id="app" class="bg-gray-900 font-sans flex flex-col grow items-center justify-center">
<v-notification class="fixed z-40 right-0 bottom-0 mb-3 mr-3"></v-notification> <v-notification class="fixed z-40 right-0 bottom-0 mb-3 mr-3"></v-notification>
<div class="w-96 bg-gray-800 rounded-xl overflow-hidden shadow-lg"> <div class="w-64 sm:w-72 md:w-96 bg-gray-800 rounded-xl overflow-hidden shadow-lg">
<slot></slot> <slot></slot>
</div> </div>
</div> </div>
@ -10,7 +10,7 @@
<script> <script>
export default { export default {
components: { components: {
VNotification: () => import('../components/VNotification.vue') VNotification: () => import('../components/VNotification.vue'),
}, },
}; };
</script> </script>

View File

@ -1,10 +1,10 @@
<template> <template>
<form @submit.prevent="submit"> <form @submit.prevent="submit">
<div class="h-24 px-10 bg-primary-800 flex justify-between items-center w-full"> <div class="h-24 p-6 md:px-10 bg-primary-800 flex justify-between items-center w-full">
<span class="text-primary-500 text-xl">Login</span> <span class="text-primary-500 text-xl">Login</span>
<img src="/img/dpsg.gif" class="w-24"> <img src="/img/dpsg.gif" class="w-24" />
</div> </div>
<div class="p-10 grid gap-5"> <div class="p-6 md:p-10 grid gap-5">
<f-text id="email" label="E-Mail-Adresse" v-model="values.email"></f-text> <f-text id="email" label="E-Mail-Adresse" v-model="values.email"></f-text>
<f-text id="password" type="password" label="Passwort" v-model="values.password"></f-text> <f-text id="password" type="password" label="Passwort" v-model="values.password"></f-text>
<button type="submit" class="btn btn-primary">Login</button> <button type="submit" class="btn btn-primary">Login</button>
@ -23,13 +23,13 @@ export default {
values: { values: {
email: '', email: '',
password: '', password: '',
} },
}; };
}, },
methods: { methods: {
submit() { submit() {
this.$inertia.post('/login', this.values); this.$inertia.post('/login', this.values);
} },
} },
}; };
</script> </script>