mirror of
https://github.com/BetterSEQTA/BetterSEQTA-Plus.git
synced 2026-06-06 03:34:40 +00:00
feat: profile picture add border
This commit is contained in:
@@ -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()
|
||||||
|
}}
|
||||||
>×</button>
|
>×</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%;
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user