tweaking Post Ui card

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>

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>
 

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 -->