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>

src/views/contents/ContentList.vue

@@ -1,14 +1,14 @@
 <template>
 
   <v-infinite-scroll :items="contents"
-                     :onLoad="load"
-                     class="bg-teal justify-items-center">
+                     :onLoad="load">
 
-    <ContentCard v-for="content in contents"
-                 :content="content"
-                 class="my-2 p-4 bg-yellow-300 w-full"
-    >
-    </ContentCard>
+    <template v-for="content in contents">
+        <ContentCard :content="content"
+                     class="w-full p-2 my-2"
+        >
+        </ContentCard>
+    </template>
 
     <template v-slot:empty>
       Il n'y a pas plus de contenus
@@ -20,6 +20,8 @@
 
   </v-infinite-scroll>
 
+  <p class="bg-orange">test</p>
+
 </template>
 
 <script setup>