Fixes folders banneraction

src/views/creators/CreatorBanner.vue

@@ -3,11 +3,11 @@
   <div>    
       <div class="relative z-20">
         <div>
-          <!-- Social Network-->
+          <!-- Social Network UpperPart-->
           <div class="py-4 px-4 min-h-14 md:rounded-t-none lg:rounded-t-2xl"
                :style="{ backgroundColor: creator.colors.bannerTop || '#6B0065' }">
 
-            <div class="w-full flex justify-between lg:justify-end gap-14 mt-2">
+            <div class="w-full flex justify-end gap-14 mt-2">
               <a
                   v-for="socialNetwork in GetSocialsUrls()"
                   :href="socialNetwork.url"
@@ -23,7 +23,7 @@
           </div>
         </div>
 
-        <!--Banner & user info-->
+        <!--Banner -->
         <div class="relative">
           <!--Banner-->
           <div>
@@ -32,8 +32,9 @@
                  alt="Profile Banner" style="max-height: 425px">
           </div>
         </div>
-      </div>    
+      </div>
 
+    <!--actions - Lowerpart-->
     <banner-actions :creator="creator" @content-posted="addContent"></banner-actions>
     
     
@@ -43,11 +44,7 @@
 </template>
 
 <script setup>
-import CreatorAbout from "@/views/creators/CreatorAbout.vue";
+import BannerActions from "@/views/creators/banner/bannerlower/BannerActions.vue";
-import SubscribeButton from "@/views/creators/SubscribeButton.vue";
-import PublishContentButton from "@/views/contents/PublishContentButton.vue";
-import DonationButton from "@/views/creators/DonationButton.vue";
-import BannerActions from "@/views/creators/banner/BannerActions.vue";
 
 const props = defineProps({
   creator: {type: Object, required: true},

src/views/creators/banner/bannerlower/BannerActions.vue

@@ -1,8 +1,8 @@
 <script setup>
-import BannerActionsSm from "@/views/creators/banner/BannerActionsSm.vue";
+import BannerActionsMd from "@/views/creators/banner/bannerlower/BannerActionsMd.vue";
-import BannerActionsMd from "@/views/creators/banner/BannerActionsMd.vue";
+import BannerActionsSm from "@/views/creators/banner/bannerlower/BannerActionsSm.vue";
-import BannerActionsLg from "@/views/creators/banner/BannerActionsLg.vue";
+import BannerActionsLg from "@/views/creators/banner/bannerlower/BannerActionsLg.vue";
-import BannerActionsXl from "@/views/creators/banner/BannerActionsXl.vue";
+import BannerActionsXl from "@/views/creators/banner/bannerlower/BannerActionsXl.vue";
 
 const props = defineProps({
   creator: { type: Object, required: true }

src/views/creators/banner/bannerlower/BannerActionsSm.vue

@@ -6,7 +6,6 @@
     borderBottom: `2px solid ${creator.colors.accent || '#000000'}` 
   }">
       <div>
-
         <!--        Logo-Name-Followers-->
         <div class="flex flex-row relative z-20">
           <div>
@@ -18,7 +17,7 @@
             />
           </div>
 
-          <div class="flex flex-column text-white cap px-2 mt-1">
+          <div class="flex flex-column text-white capitalize px-2 mt-1">
             <p class="capitalize text-2xl font-bold">{{ creator.name }}</p>
             <div>{{ creator.subscriberCount }} Abonnés</div>
           </div>