refact front

resources/js/views/User/ProfileUser.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="-mx-2 -mt-2">
         <div class="relative">
             <UploadableImage
                 :image-width=1500
@@ -25,6 +25,11 @@
                 <h1 class="relative z-10 text-white text-shadow text-3xl left-80 bottom-0">{{ authUser.data.attributes.name }}</h1>
             </div>
         </div>
+        <div class="m-2">
+            <div class="box">
+                Texte
+            </div>
+        </div>
     </div>
 </template>
 

resources/js/views/User/ShowUser.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="-mx-2 -mt-2">
         <div class="relative">
             <img
                 class="cover"
@@ -7,6 +7,11 @@
                 :alt="user.attributes.name"/>
         </div>
         <h1>{{ user.attributes.name }}</h1>
+        <div class="m-2">
+            <div class="box">
+                Texte
+            </div>
+        </div>
     </div>
 </template>
 

resources/js/views/User/UserAdmin.vue

@@ -10,7 +10,7 @@
             </div>
         </div>
         <div v-if="authUser.data.attributes.is_admin">
-            <div class="box-toggle">
+            <div class="-mx-4 box-toggle">
                 <div class="box-toggle-header"  @click="userAddToggle = !userAddToggle">
                     <h2 class="mb-1">Ajouter un membre</h2>
                     <svg-vue icon="arrow" v-bind:class="{ open: userAddToggle }" />
@@ -28,7 +28,7 @@
                   </form>
                 </transition>
             </div>
-            <div class="mb-2 box-toggle">
+            <div class="-mx-4 mb-2 box-toggle">
                 <div class="box-toggle-header"  @click="userListToggle = !userListToggle">
                     <h2>Liste des utilisateurs</h2>
                     <svg-vue icon="arrow" v-bind:class="{ open: userListToggle }" />