add small menu

resources/js/views/User/UserAdmin.vue

@@ -1,12 +1,8 @@
 <template>
-  <div>
+  <div v-if="authUser">
     <div class="flex mb-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="large" :alt="authUser.data.attributes.name" />
       </div>
       <div class="flex-col flex-center">
         <div><strong>{{ authUser.data.attributes.name }}</strong></div>
@@ -14,26 +10,14 @@
       </div>
     </div>
     <div v-if="authUser.data.attributes.is_admin">
-      <h2 class="mb-1">
-        Ajouter un membre
-      </h2>
-      <AlertBox
-        v-if="alertType"
-        :type="alertType"
-        :message="alertMessage"
-        class="mb-1"
-      />
+      <h2 class="mb-1">Ajouter un membre</h2>
+      <AlertBox v-if="alertType" :type="alertType" :message="alertMessage" class="mb-1" />
       <form @submit.prevent="addMember" class="mb-2">
-        <InputField
-          name="name"
-          type="text"
-          label="Nom du nouveau membre"
-          placeholder="Nom"
-          :errors="errors"
-          @update:field="form.name = $event"
-        />
-        <InputField name="email" type="email" label="Adresse email du nouveau membre" placeholder="E-mail" :errors="errors" @update:field="form.email = $event" />
-        <button class="btn-primary">Ajouter</button>
+          <div class="flex">
+              <InputField name="name" type="text" label="Nom du nouveau membre" placeholder="Nom" :errors="errors" @update:field="form.name = $event" class="mr-1" />
+              <InputField name="email" type="email" label="Adresse email du nouveau membre" placeholder="E-mail" :errors="errors" @update:field="form.email = $event" class="mr-1" />
+              <button class="btn-primary inline">Ajouter</button>
+          </div>
       </form>
         <div class="mb-2">
             <h2>Liste des utilisateurs</h2>
@@ -42,9 +26,7 @@
                 <li v-else v-for="user in users"><a :href="user.links.self">{{ user.data.attributes.name }}</a> - {{ user.data.attributes.email }} - {{ user.data.attributes.is_admin }}</li>
             </ul>
         </div>
-        <div>
-            Css Testeur pour constituer un thème : <router-link to="/css-testeur">Css Testeur</router-link>
-        </div>
+        <div>Css Testeur pour constituer un thème : <router-link to="/css-testeur">Css Testeur</router-link></div>
     </div>
   </div>
 </template>