From 0ea32142ab5cd3464f29482fa0acd114a17ae888 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Mon, 8 Jul 2024 23:02:58 -0400
Subject: [PATCH] Add a border and resize the middle column.

---
 src/views/creators/CreatorBanner.vue | 2 +-
 src/views/creators/CreatorPage.vue   | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index bc37949..c82955e 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -46,7 +46,7 @@
 
   <!-- Actions Button & image profile -->
   <div class="relative bottom-4 w-full">
-    <div class="bg-gray-800 py-4 relative shadow-lg" :style="{ backgroundColor: creator.profileColors.bannerBottom || '#A30E79' }">
+    <div class="bg-gray-800 py-4 relative shadow-lg min-h-24" :style="{ backgroundColor: creator.profileColors.bannerBottom || '#A30E79' }">
       <div class="flex flex-col sm:flex-row items-center sm:justify-between">
         <img
             class="left-5 rounded-full border-solid border-2 sm:absolute sm:top-1/2 sm:transform sm:-translate-y-1/2 md:left-20 z-20"
diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index 9425d13..69950da 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -4,6 +4,8 @@
     <creator-banner :creator="creator"></creator-banner>
 
     <DonationPopup :creator-id="creator.id"></DonationPopup>
+
+    <div class="max-w-[1000px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
     
     <div class="w-full mt-20">
 
@@ -33,7 +35,7 @@
                 </PostMessage>
               </div>
 
-              <div class="border-b-2 p-6">
+              <div class="border-b p-6">
                 <h2 class="font-sans font-semibold">Commentaires</h2>
                 <MessageList v-if="creator.id"
                              :content-id="creator.id">
@@ -45,7 +47,7 @@
         </v-tabs-window>
       </v-card-text>
     </div>
-    
+    </div>
   </div>
 
   <!-- Fallback when user try to access a non-existing creator -->