From b28fc8fdc54e5da9aae1ac2511d3d82cab69a90a Mon Sep 17 00:00:00 2001
From: tdgmdev <tdgmdev@gmail.com>
Date: Mon, 6 Mar 2023 16:55:16 -0500
Subject: [PATCH] Profile pictures now show in posts

---
 src/lib/components/Post.svelte      | 16 ++++++++++++++--
 src/routes/user/[user]/+page.svelte |  2 +-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/Post.svelte b/src/lib/components/Post.svelte
index f9ef00a..b751062 100644
--- a/src/lib/components/Post.svelte
+++ b/src/lib/components/Post.svelte
@@ -46,6 +46,10 @@
 </script>
 
 <style>
+    #header {
+        display: flex;
+        align-items: center;
+    }
     
     .votes {
         font-weight: bold;
@@ -59,7 +63,14 @@
         max-width: 250px;
     }
 
+    .pfp {
+        width: 50px;
+        height: 50px;
+        margin-right: 10px;
+    }
+
     .date {
+        margin-left: 1rem;
         font-size: 0.8rem;
         font-style: italic;
         font-weight: normal;
@@ -80,8 +91,9 @@
     </Area>
 {:else}
     <Area>
-        <span slot="header">
-            <a href='/user/{username}'>
+        <span slot="header" id='header'>
+            <img class='pfp' src='/pfp/{username}.png'/>
+            <a href='/users/{username}'>
                 {username}
             </a>
             <span class='date'>
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte
index c8b4e74..eaf0347 100644
--- a/src/routes/user/[user]/+page.svelte
+++ b/src/routes/user/[user]/+page.svelte
@@ -44,7 +44,7 @@
 
     #header {
         display: flex;
-        align-content: center;
+        align-items: center;
     }
 </style>