From 3821034a5c534f596eab1f3744f1d2762c213c1e Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Wed, 4 Jun 2025 17:13:12 +1000
Subject: [PATCH] feat: profile picture add border

---
 .../built-in/profilePicture/ProfilePictureSetting.svelte | 5 ++++-
 src/plugins/built-in/profilePicture/styles.css           | 9 +++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/plugins/built-in/profilePicture/ProfilePictureSetting.svelte b/src/plugins/built-in/profilePicture/ProfilePictureSetting.svelte
index de99cb0c..4e36ade9 100644
--- a/src/plugins/built-in/profilePicture/ProfilePictureSetting.svelte
+++ b/src/plugins/built-in/profilePicture/ProfilePictureSetting.svelte
@@ -86,7 +86,10 @@
     <img src={value} alt="Profile" class="object-cover rounded-full size-10" />
     <button
       class="flex justify-center items-center m-1 text-lg dark:text-white size-7"
-      onclick={removeImage}
+      onclick={(e) => {
+        e.stopPropagation()
+        removeImage()
+      }}
     >&#215;</button>
   {:else}
     <div class="flex gap-2 items-center px-3 py-1 text-xs rounded-lg border border-dashed transition border-zinc-300 dark:border-zinc-600 text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-300">
diff --git a/src/plugins/built-in/profilePicture/styles.css b/src/plugins/built-in/profilePicture/styles.css
index 11030720..6d7d6440 100644
--- a/src/plugins/built-in/profilePicture/styles.css
+++ b/src/plugins/built-in/profilePicture/styles.css
@@ -7,4 +7,13 @@
   border-radius: 50%;
   object-fit: cover;
   z-index: 4;
+  box-shadow: 0 0 3px 3px #0000000a;
 }
+
+.dark .userInfoImg {
+  box-shadow: 0 0 0 3px #ffffff;
+  width: 70%;
+  height: 70%;
+  top: 15%;
+  left: 15%;
+}
\ No newline at end of file