studio-variable/designtopack
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Update login form markup

Browse source
This commit is contained in:
Timothée Goguely 2025-04-30 16:31:38 +02:00
parent de52c5e6be
commit b4ba43acf5
1 changed files with 26 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/views/Login.vue
View file

@ -1,19 +1,33 @@
<template> <template>
<form <form
@submit.prevent="handleSubmit" @submit.prevent="handleSubmit"
class="w-full h-full p-16 flex flex-col" class="px-24 py-32 flex flex-col mx-auto bg-white rounded-xl"
style="--row-gap: 1rem" style="--row-gap: 1rem; max-width: 24em;"
> >
<input <div class="field | w-full">
type="text" <label for="username">Email</label>
v-model="subject" <input
id="appointment-subject" type="email"
placeholder="Objet du rendez-vous" v-model="email"
class="w-full rounded-md border border-grey-200 px-16 py-12" id="username"
required placeholder="mail@exemple.com"
/> autocomplete="username"
<label for="appointment-details" class="sr-only">Détails du projet</label> class="w-full rounded-md border border-grey-200 px-16 py-12"
<button @click="login" class="btn" type="submit">Soumettre</button> required
/>
</div>
<div class="field | w-full">
<label for="password">Mot de passe</label>
<input
type="password"
v-model="password"
id="password"
autocomplete="current-password"
class="w-full rounded-md border border-grey-200 px-16 py-12"
required
/>
</div>
<button @click="login" class="btn | w-full" type="submit">Connexion</button>
</form> </form>
</template> </template>
<script setup> <script setup>