Getting closer to a mobile version

frontend/src/views/creators/BannerActions.vue

@@ -28,16 +28,8 @@ const baseURL = window.location.origin;
             }">
 
         <div class="flex flex-row py-4 pr-4 items-center">
-          <!-- Profile et Info -->
-
-          <div class="absolute -mt-4">
-            <creator-logo/>
-          </div>
-
-          <div class="flex items-center ml-56 grow">
-            <name-title></name-title>
-          </div>
-
+          <creator-logo/>
+          <name-title></name-title>
           <donation-button-banner
               v-if="brandingStore.value?.acceptDonation"
               :creator-id="brandingStore.value?.id"
@@ -120,5 +112,4 @@ const baseURL = window.location.origin;
 }
 
 
-
 </style>

frontend/src/views/creators/CreatorLayout.vue

@@ -1,27 +1,4 @@
-<template>
-
-  <div class="min-h-screen w-[1024px] bg-hSurface text-hOnSurface">
-
-    <div v-if="brandingStore.loading">
-      <v-progress-linear indeterminate></v-progress-linear>
-    </div>
-    <div v-else>
-      <div>
-        <banner></banner>
-      </div>
-      <div>
-        <router-view></router-view>
-      </div>
-      <div>
-        <Footer></Footer>
-      </div>
-    </div>
-
-  </div>
-
-</template>
-
-<script async setup>
+<script async setup>
 import {useBrandingStore} from "@/stores/brandingStore.js";
 import {onMounted} from "vue";
 import Banner from "@/views/creators/Banner.vue";
@@ -35,3 +12,20 @@ onMounted(async () => {
 });
 
 </script>
+
+<template>
+
+  <div class="min-h-screen max-w-[1024px] bg-hSurface text-hOnSurface">
+
+    <div v-if="brandingStore.loading">
+      <v-progress-linear indeterminate></v-progress-linear>
+    </div>
+    <div v-else>
+      <banner></banner>
+      <router-view></router-view>
+      <Footer></Footer>
+    </div>
+
+  </div>
+
+</template>