feat: profile picture add border

This commit is contained in:
SethBurkart123
2025-06-04 17:13:12 +10:00
parent c218f184c0
commit 3821034a5c
2 changed files with 13 additions and 1 deletions
@@ -86,7 +86,10 @@
<img src={value} alt="Profile" class="object-cover rounded-full size-10" /> <img src={value} alt="Profile" class="object-cover rounded-full size-10" />
<button <button
class="flex justify-center items-center m-1 text-lg dark:text-white size-7" class="flex justify-center items-center m-1 text-lg dark:text-white size-7"
onclick={removeImage} onclick={(e) => {
e.stopPropagation()
removeImage()
}}
>&#215;</button> >&#215;</button>
{:else} {: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"> <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">
@@ -7,4 +7,13 @@
border-radius: 50%; border-radius: 50%;
object-fit: cover; object-fit: cover;
z-index: 4; 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%;
} }