From 38df1039d960b2d671999bd32e99e2e6dff94567 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Wed, 7 Aug 2024 12:07:58 -0400
Subject: [PATCH] tweaking Post Ui card

---
 src/views/contents/ContentCard.vue | 10 +++++++---
 src/views/contents/ContentList.vue |  2 +-
 src/views/creators/CreatorPage.vue |  3 +--
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index e373d87..6157515 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="shadow-md rounded-2xl bg-gray-50 px-6 ">
+  <div class="shadow-md rounded-2xl bg-gray-50 border custom-border">
     <div>
       <v-card-title>
         {{ props.content.title }}
@@ -15,14 +15,14 @@
         <v-carousel-item
             v-for="url in props.content.urls"
             :key="url"
-            class="image-container rounded-2xl"
+            class="image-container"
         >
           <component :is="getComponent(url)" :src="url"></component>
         </v-carousel-item>
       </v-carousel>
     </div>
 
-    <div>
+    <div class="p-4">
       <div>
         <h2 class="font-sans font-semibold mt-4">Commentaires</h2>
         <message-list :subject-id="props.content.id" :messages="messages"></message-list>
@@ -80,4 +80,8 @@ function getComponent(url) {
   height: 100%;
   object-fit: cover;
 }
+
+.custom-border {
+  border-color: #EAEBEC; 
+}
 </style>
diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index 95b163d..eefabd6 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -5,7 +5,7 @@
 
     <template v-for="content in contents">
       <content-card :content="content"
-                    class="w-full p-2 my-2"
+                    class="w-full  my-2"
       ></content-card>
     </template>
 
diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index e51250b..16b37a0 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -5,13 +5,12 @@
 
     <donation-popup :creator-id="creator.id"></donation-popup>
 
-    <div class="max-w-[1000px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
+    <div class="max-w-[850px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
       <div class="w-full h-full mx-1">
         <content-list :creator-id="creator.id">
         </content-list>
       </div>
     </div>
-
   </div>
 
   <!-- Fallback when user try to access a non-existing creator -->