style(views): 替换内联样式为 Tailwind CSS 类并移除多余对齐

将 operation-preview-drawer 中的内联样式替换为对应的 Tailwind CSS 工具类，以提升可维护性。
同时移除 login-info-modal 中两个 flex 容器多余的 `justify-center` 类，保持布局简洁。

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>

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