From 442323928d9e79313fffc67779bbe868e1722035 Mon Sep 17 00:00:00 2001
From: J606y <jiangmingyan431@gmail.com>
Date: Mon, 20 Jul 2026 22:14:32 +0800
Subject: [PATCH] =?UTF-8?q?fix(mobile):=20=E8=BF=90=E7=BB=B4=E7=9B=91?=
 =?UTF-8?q?=E6=8E=A7=E9=AA=A8=E6=9E=B6=E5=B1=8F=E5=9B=BA=E5=AE=9A=E5=AE=BD?=
 =?UTF-8?q?=E5=BA=A6=E5=8D=A0=E4=BD=8D=E6=9D=A1=E7=AA=84=E5=B1=8F=E6=BA=A2?=
 =?UTF-8?q?=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

加载骨架屏中 w-80(320px) 占位条在 375px 视口下超出容器，加载期间会把
页面撑宽出横向空白，补 max-w-full 收敛。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 .../src/views/admin/ops/components/OpsDashboardSkeleton.vue   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/admin/ops/components/OpsDashboardSkeleton.vue b/frontend/src/views/admin/ops/components/OpsDashboardSkeleton.vue
index 6df1e8885c..9b520e7572 100644
--- a/frontend/src/views/admin/ops/components/OpsDashboardSkeleton.vue
+++ b/frontend/src/views/admin/ops/components/OpsDashboardSkeleton.vue
@@ -15,7 +15,7 @@ const props = withDefaults(defineProps<Props>(), {
       <div class="flex flex-wrap items-center justify-between gap-4 border-b border-gray-100 pb-4 dark:border-dark-700">
         <div class="space-y-2">
           <div class="h-6 w-44 animate-pulse rounded bg-gray-200 dark:bg-dark-700"></div>
-          <div class="h-3 w-80 animate-pulse rounded bg-gray-100 dark:bg-dark-700/70"></div>
+          <div class="h-3 w-80 max-w-full animate-pulse rounded bg-gray-100 dark:bg-dark-700/70"></div>
         </div>
         <div v-if="!props.fullscreen" class="flex flex-wrap items-center gap-3">
           <div class="h-9 w-[140px] animate-pulse rounded-xl bg-gray-200 dark:bg-dark-700"></div>
@@ -92,7 +92,7 @@ const props = withDefaults(defineProps<Props>(), {
         <div v-for="i in 6" :key="i" class="flex items-center justify-between gap-4 rounded-2xl bg-gray-50 p-4 dark:bg-dark-900/30">
           <div class="flex-1 space-y-2">
             <div class="h-3 w-56 animate-pulse rounded bg-gray-200 dark:bg-dark-700"></div>
-            <div class="h-3 w-80 animate-pulse rounded bg-gray-100 dark:bg-dark-700/70"></div>
+            <div class="h-3 w-80 max-w-full animate-pulse rounded bg-gray-100 dark:bg-dark-700/70"></div>
           </div>
           <div class="h-7 w-20 animate-pulse rounded-xl bg-gray-200 dark:bg-dark-700"></div>
         </div>