From 2d9c71be5ea4408196d471568c2e89550606fa11 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Mon, 9 Sep 2024 01:11:06 -0400
Subject: [PATCH] Start rework UI creatorpage

---
 src/views/creators/CreatorBanner.vue               | 14 +++++++-------
 .../banner/bannerlower/BannerActionsXl.vue         |  4 ++--
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 21e00c0..b2ad09a 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -7,26 +7,26 @@
         <div class="py-4 px-4 min-h-14 md:rounded-t-2xl"
              :style="{ backgroundColor: creator.colors.bannerTop || '#6B0065' }">
 
-          <div class="w-full flex justify-end gap-6 max-h-8">
+          <div class="w-full flex justify-center gap-32 max-h-8">
             <a
                 v-for="socialNetwork in GetSocialsUrls()"
                 :href="socialNetwork.url"
                 target="_blank"
                 class="text-white text-2xl transform transition-transform duration-200 hover:scale-125 hover:text-blue-500">
               <v-icon v-if="socialNetwork.icon.includes('mdi')">{{ socialNetwork.icon }}</v-icon>
-              <img v-if="socialNetwork.icon.includes('tiktok')" 
+              <img v-if="socialNetwork.icon.includes('tiktok')"
                    :src="socialNetwork.icon"
-                   class="w-9 h-9"
+                   class="w-5 h-5"
                    alt="Tiktok">
               <img v-if="socialNetwork.icon.includes('websiteIcon')"
-                   :src="socialNetwork.icon" 
-                   class="w-9 h-9"
+                   :src="socialNetwork.icon"
+                   class="w-5 h-5"
                    alt="Website">
             </a>
           </div>
         </div>
       </div>
-
+      <div class="max-h-2" :style="{ backgroundColor: creator.colors.accent || '#6B0065' }"> ></div>
       <!--Banner-->
       <div class="relative">
         <div>
@@ -40,7 +40,7 @@
       </div>
 
     </div>
-
+    <div class="max-h-2" :style="{ backgroundColor: creator.colors.accent || '#6B0065' }"> ></div>
     <!--actions - Lowerpart-->
     <banner-actions :creator="creator" @content-posted="addContent"></banner-actions>
   </div>
diff --git a/src/views/creators/banner/bannerlower/BannerActionsXl.vue b/src/views/creators/banner/bannerlower/BannerActionsXl.vue
index fb91f3c..97d33e5 100644
--- a/src/views/creators/banner/bannerlower/BannerActionsXl.vue
+++ b/src/views/creators/banner/bannerlower/BannerActionsXl.vue
@@ -8,10 +8,10 @@
           <div>
             <div>
               <img
-                  class="rounded-full border-solid border-2 absolute z-20 max-w-[175px] ml-15 -mt-20"
+                  class="shadow-2xl rounded-full border-solid border-4 absolute z-20 max-w-[225px] ml-15 -mt-40"
                   :src="creator.images.logo ? creator.images.logo : '/images/placeholders/logo.png'"
                   alt="Profile Picture"
-                  :style="{ borderColor: creator.colors.accent || '#A30E79', height: '150px'}"
+                  :style="{ borderColor: creator.colors.accent || '#A30E79', height: '225px'}"
               />
             </div>
           </div>