From 3907f206d97ab5047dd94aa8638ababb86417e1d Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Tue, 27 Jan 2026 18:46:49 +0800
Subject: [PATCH] =?UTF-8?q?style(views):=20=E6=9B=BF=E6=8D=A2=E5=86=85?=
 =?UTF-8?q?=E8=81=94=E6=A0=B7=E5=BC=8F=E4=B8=BA=20Tailwind=20CSS=20?=
 =?UTF-8?q?=E7=B1=BB=E5=B9=B6=E7=A7=BB=E9=99=A4=E5=A4=9A=E4=BD=99=E5=AF=B9?=
 =?UTF-8?q?=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将 operation-preview-drawer 中的内联样式替换为对应的 Tailwind CSS 工具类，以提升可维护性。
同时移除 login-info-modal 中两个 flex 容器多余的 `justify-center` 类，保持布局简洁。
---
 .../src/views/monitor/logininfor/login-info-modal.vue         | 4 ++--
 .../src/views/monitor/operlog/operation-preview-drawer.vue    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web-antd/src/views/monitor/logininfor/login-info-modal.vue b/apps/web-antd/src/views/monitor/logininfor/login-info-modal.vue
index c30932b6..14204ca8 100644
--- a/apps/web-antd/src/views/monitor/logininfor/login-info-modal.vue
+++ b/apps/web-antd/src/views/monitor/logininfor/login-info-modal.vue
@@ -74,7 +74,7 @@ const items = computed<DescriptionsProps['items']>(() => {
     {
       label: '登录设备',
       content: (
-        <div class="flex items-center justify-center gap-[6px]">
+        <div class="flex items-center gap-[6px]">
           {renderOsIcon(data.os, 'shrink-0')}
           {os}
         </div>
@@ -83,7 +83,7 @@ const items = computed<DescriptionsProps['items']>(() => {
     {
       label: '浏览器',
       content: (
-        <div class="flex items-center justify-center gap-[6px]">
+        <div class="flex items-center gap-[6px]">
           {renderBrowserIcon(data.browser, 'shrink-0')}
           {data.browser}
         </div>
diff --git a/apps/web-antd/src/views/monitor/operlog/operation-preview-drawer.vue b/apps/web-antd/src/views/monitor/operlog/operation-preview-drawer.vue
index 642b4586..4e4183da 100644
--- a/apps/web-antd/src/views/monitor/operlog/operation-preview-drawer.vue
+++ b/apps/web-antd/src/views/monitor/operlog/operation-preview-drawer.vue
@@ -121,7 +121,7 @@ const items = computed<DescriptionsProps['items']>(() => {
 <template>
   <BasicDrawer :footer="false" class="w-[600px]" title="查看日志">
     <Descriptions
-      :styles="{ label: { minWidth: '120px' } }"
+      :classes="{ label: 'min-w-[120px]' }"
       :column="1"
       :items="items"
       bordered