From be665f785911192f3285c59d5942a229061510ad Mon Sep 17 00:00:00 2001
From: wangxiaogang <1433729587@qq.com>
Date: Mon, 8 Jun 2026 16:54:56 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20S3=20UI=E4=BC=98=E5=8C=96=20=E2=80=94=20?=
 =?UTF-8?q?=E5=BA=95=E9=83=A8=E5=BC=B9=E7=AA=97/FAB=20=E5=AE=89=E5=85=A8?=
 =?UTF-8?q?=E5=8C=BA=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/admin/notifications.vue   | 1 +
 client/src/pages/category-manage/index.vue | 2 +-
 client/src/pages/group-manage/index.vue    | 1 +
 client/src/pages/notifications/index.vue   | 1 +
 4 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/admin/notifications.vue b/client/src/pages/admin/notifications.vue
index 2a966d9..7d98ded 100644
--- a/client/src/pages/admin/notifications.vue
+++ b/client/src/pages/admin/notifications.vue
@@ -586,6 +586,7 @@ onReachBottom(() => {
   border-radius: $radius-2xl $radius-2xl 0 0;
   display: flex;
   flex-direction: column;
+  padding-bottom: env(safe-area-inset-bottom);
 }
 
 .modal-header {
diff --git a/client/src/pages/category-manage/index.vue b/client/src/pages/category-manage/index.vue
index f7fbe5b..589f360 100644
--- a/client/src/pages/category-manage/index.vue
+++ b/client/src/pages/category-manage/index.vue
@@ -376,7 +376,7 @@ async function onMigrateConfirm() {
 .fab {
   position: fixed;
   right: $space-xl;
-  bottom: 120rpx;
+  bottom: calc(120rpx + env(safe-area-inset-bottom));
   width: 112rpx;
   height: 112rpx;
   background: linear-gradient(135deg, $primary, #E67355);
diff --git a/client/src/pages/group-manage/index.vue b/client/src/pages/group-manage/index.vue
index 6b4443d..b0a85fc 100644
--- a/client/src/pages/group-manage/index.vue
+++ b/client/src/pages/group-manage/index.vue
@@ -645,6 +645,7 @@ function handleDissolve(group: Group) {
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  padding-bottom: env(safe-area-inset-bottom);
 }
 
 .modal-header {
diff --git a/client/src/pages/notifications/index.vue b/client/src/pages/notifications/index.vue
index 292e588..4bdde31 100644
--- a/client/src/pages/notifications/index.vue
+++ b/client/src/pages/notifications/index.vue
@@ -440,6 +440,7 @@ onReachBottom(() => {
   border-radius: $radius-2xl $radius-2xl 0 0;
   display: flex;
   flex-direction: column;
+  padding-bottom: env(safe-area-inset-bottom);
 }
 
 .detail-header {