A bit of css for the content-list and content-card

src/views/contents/ContentCard.vue

@@ -1,6 +1,6 @@
 <template>
 
-  <div class="shadow-lg rounded-lg">
+  <div class="shadow-md rounded-lg bg-blue-100">
 
     <div class="text-lg font-bold">
       {{ props.content.title }}
@@ -8,8 +8,9 @@
       {{ time_ago(props.content.createdAt) }}
         </span>
     </div>
-    
-    <div class="h-48 object-cover bg-purple rounded-md">
+
+    <div v-if="props.content.url !== null || props.content.uri !== null"
+         class="h-48 object-cover bg-gray-300 rounded-md">
 
       <v-img :src="props.content.url"
              v-if="!isHttpUrl">
@@ -40,17 +41,19 @@
 
     </div>
 
-    <div>
+    <div> 
 
-      <div class="border-b p-6">
+      <div>
         <h2 class="font-sans font-semibold">Commentaires</h2>
-        <MessageList :subject-id="props.content.id">
-        </MessageList>
+        <message-list :subject-id="props.content.id">
+        </message-list>
       </div>
-      <div class="border-b-2 p-6">
-        <PostMessage :subject-id="props.content.id">
-        </PostMessage>
+      
+      <div class="border-t-2 border-gray-300 mt-4 pt-4">
+        <post-message :subject-id="props.content.id">
+        </post-message>
       </div>
+      
     </div>
 
   </div>