From f5557075e90c80f00e1eaa55f9bc6dd817be6de9 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Wed, 7 Aug 2024 13:56:35 -0400
Subject: [PATCH] Update - postcard ui

---
 src/views/contents/ContentCard.vue | 27 +++++++++++++++++++++++----
 src/views/creators/CreatorPage.vue |  2 +-
 src/views/main/Home.vue            |  3 +--
 3 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 6157515..fd7c054 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -1,15 +1,34 @@
 <template>
   <div class="shadow-md rounded-2xl bg-gray-50 border custom-border">
     <div>
+      
       <v-card-title>
-        {{ props.content.title }}
-        <span class="text-subtitle-2">
+        <div class="flex flex-row">
+        <div>
+          <img
+              :src="props.content.createdByPortraitUrl"
+              alt="Profile Image"
+              class="rounded-full"
+              width="32px"
+              height="32px">
+        </div>
+          
+          <div class="capitalize px-2">
+          {{ props.content.createdByName }}
+          </div>
+        <span class="text-subtitle-2 mt-1">
           {{ time_ago(props.content.createdAt) }}
         </span>
-        <v-card-text>
+       
+        </div>
+        <div class="uppercase">
+        {{ props.content.title }}
+        </div>
+        <div>
           {{ props.content.description }}
-        </v-card-text>
+        </div>
       </v-card-title>
+      
 
       <v-carousel v-if="hasUrls" hide-delimiter-background show-arrows="hover">
         <v-carousel-item
diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index 16b37a0..efbd03e 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -5,7 +5,7 @@
 
     <donation-popup :creator-id="creator.id"></donation-popup>
 
-    <div class="max-w-[850px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
+    <div class="max-w-[800px] mx-auto flex flex-row justify-center ">
       <div class="w-full h-full mx-1">
         <content-list :creator-id="creator.id">
         </content-list>
diff --git a/src/views/main/Home.vue b/src/views/main/Home.vue
index 6e386b1..c16b0de 100644
--- a/src/views/main/Home.vue
+++ b/src/views/main/Home.vue
@@ -104,8 +104,7 @@
          
           <RouterLink to="/browse">
           <v-btn variant="tonal" density="default" class="mb-2 w-full">
-            Découvre les autres créateurs
-                    
+            Découvre les autres créateurs                   
           </v-btn>
           </RouterLink>