almost finish tailwind transform
This commit is contained in:
@@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<div v-if="authUser">
|
||||
<div class="flex mb-4">
|
||||
<div class="flex m-4">
|
||||
<div class="avatar mr-2">
|
||||
<Avatar :avatar="authUser.data.attributes.avatar" size="large" :alt="authUser.data.attributes.name" />
|
||||
<Avatar :avatar="authUser.data.attributes.avatar" size="6xl" :alt="authUser.data.attributes.name" class="w-24 h-24" />
|
||||
</div>
|
||||
<div class="flex-col flex-center">
|
||||
<div class="flex flex-col justify-center ml-2">
|
||||
<div><strong>{{ authUser.data.attributes.name }}</strong></div>
|
||||
<div><strong>{{ authUser.data.attributes.email }}</strong></div>
|
||||
</div>
|
||||
@@ -18,10 +18,10 @@
|
||||
<transition name="fade">
|
||||
<form @submit.prevent="addMember" v-if="userAddToggle" class="box-toggle-content" >
|
||||
<AlertBox v-if="alertType" :type="alertType" :message="alertMessage" class="mb-1" />
|
||||
<div class="flex mb-1">
|
||||
<div class="flex mb-2">
|
||||
<InputField name="name" label="Nom du nouveau membre" placeholder="Nom" required :errors="errors" @update:field="form.name = $event" class="mr-1" />
|
||||
<InputField name="email" type="email" label="Adresse email du nouveau membre" placeholder="E-mail" required :errors="errors" @update:field="form.email = $event" class="mr-1" />
|
||||
<div class="flex-middle mt-4">
|
||||
<div class="flex items-end mb-2">
|
||||
<button class="btn-primary">Ajouter</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user