From b63343faf7c3da3dfe682567b0d1245273834b66 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 9 Jan 2025 11:59:46 -0500
Subject: [PATCH] Ui Fixe

---
 src/views/creators/BannerActions.vue | 34 ++++++++++++++++++++--------
 1 file changed, 24 insertions(+), 10 deletions(-)

diff --git a/src/views/creators/BannerActions.vue b/src/views/creators/BannerActions.vue
index 5b2b7d5..87dca6f 100644
--- a/src/views/creators/BannerActions.vue
+++ b/src/views/creators/BannerActions.vue
@@ -124,7 +124,7 @@ onBeforeUnmount(() => {
             <div v-show="!isMobile" class="items-start">
               <div>
                 <img
-                  class="shadow-2xl rounded-full border-solid border-102 absolute z-20 max-w-[190px] ml-10 -mt-10"
+                  class="shadow-2xl rounded-full border-solid border-102 absolute z-20 max-w-[190px] ml-10 -mt-5"
                   :src="
                     brandingStore.value.images.logo
                       ? brandingStore.value.images.logo
@@ -141,15 +141,15 @@ onBeforeUnmount(() => {
                 class="ml-64 w-25 min-w-60 flex flex-row"
                 :style="{ color: brandingStore.colors.onPrimary }"
               >
-                <div v-show="brandingStore.value.verified" class="text-blue m-4 align-content-center">
+                <div v-show="brandingStore.value.verified" class="text-blue m-4 align-content-center verifiedhook">
                   <icon-account-verified></icon-account-verified>
                 </div>
 
                 <div class="flex flex-col">
-                  <span class="capitalize text-3xl">
+                  <span class="capitalize text-3xl titlepos">
                     {{ brandingStore.value.name }}
                   </span>
-                  <span class="capitalize text-lg">
+                  <span class="capitalize text-lg titlepos">
                     {{ brandingStore.value.title }}
                   </span>
                 </div>
@@ -161,7 +161,7 @@ onBeforeUnmount(() => {
               <div
                 :style="{
                   borderColor: brandingStore.colors.secondary,
-                  height: '60px',
+                  height: '80px',
                 }"
               >
                 <div
@@ -180,6 +180,9 @@ onBeforeUnmount(() => {
                       :style="{ height: '135px' }"
                     />
                   </div>
+                  <div v-show="brandingStore.value.verified" class="text-blue m-4 align-content-center">
+                    <icon-account-verified></icon-account-verified>
+                  </div>
                   <div class="ml-3 text-white w-full flex flex-col items-start">
                     <p class="capitalize text-2xl">
                       {{ brandingStore.value.name }}
@@ -194,11 +197,11 @@ onBeforeUnmount(() => {
           </div>
 
           <!-- Actions - Follow et Register -->
-          <div class="flex flex-col items-center justify-center w-full">
-            <div class="flex flex-row space-x-1 justify-center mt-3 mb-2">
-              <!--<subscribe-button></subscribe-button>-->
-            </div>
-          </div>
+<!--          <div class="flex flex-col items-center justify-center w-full">-->
+<!--            <div class="flex flex-row space-x-1 justify-center mt-3 mb-2">-->
+<!--              &lt;!&ndash;<subscribe-button></subscribe-button>&ndash;&gt;-->
+<!--            </div>-->
+<!--          </div>-->
         </div>
 
         <!-- Bouton Support -->
@@ -268,4 +271,15 @@ onBeforeUnmount(() => {
 .transition-all {
   transition: all 0.3s ease-in-out;
 }
+
+
+.titlepos {
+  position: relative;
+  top: 30px; 
+}
+.verifiedhook{
+  position: relative;
+  top: 16px; 
+}
+
 </style>