From 5ec975e75b3ad94e34e37cf9e777f56f85dc82c4 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Fri, 13 Jun 2025 23:22:44 +0800
Subject: [PATCH] fix: user avatar shadow display issue in Safari browser
 (#7551)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What type of PR is this?

/kind bug
/area ui
/milestone 2.21.x

#### What this PR does / why we need it:

Fix user avatar shadow display issue in Safari browser

before:

<img width="281" alt="image" src="https://github.com/user-attachments/assets/72165f9d-b3c4-4d98-902d-b7558fea8c76" />

after:

<img width="388" alt="image" src="https://github.com/user-attachments/assets/12b4b160-53aa-4f19-a335-1f0a53ae9111" />


#### Does this PR introduce a user-facing change?

```release-note
修复用户资料页面头像在 Safari 浏览器下的阴影问题。
```

<!-- Fuck Safari -->
---
 ui/src/components/user-avatar/UserAvatar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/components/user-avatar/UserAvatar.vue b/ui/src/components/user-avatar/UserAvatar.vue
index 8fb7f2c3e..5b36c8a87 100644
--- a/ui/src/components/user-avatar/UserAvatar.vue
+++ b/ui/src/components/user-avatar/UserAvatar.vue
@@ -161,7 +161,7 @@ const hasAvatar = computed(() => {
       circle
       width="100%"
       height="100%"
-      class="ring-4 ring-white drop-shadow-md"
+      class="ring-4 ring-white shadow-xl"
     />
     <VDropdown
       v-if="currentUserHasPermission(['system:users:manage']) || isCurrentUser"