Merge pull request #27 from hamwong233/main

fix(ui): 修复个人中心样式间距

apps/web-antd/src/views/_core/profile/components/account-bind.vue

@@ -68,7 +68,7 @@ const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
   <div class="flex flex-col gap-4 pb-4">
     <div
       v-if="bindList.length > 0"
-      class="grid grid-cols-1 gap-4 lg:grid-cols-2 2xl:grid-cols-3"
+      class="grid grid-cols-1 gap-4 lg:grid-cols-2 2xl:grid-cols-3 p-4"
     >
       <Card
         class="transition-shadow duration-300 hover:shadow-md"
@@ -126,17 +126,19 @@ const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
     >
       <Empty :image="simpleImage" description="暂无可绑定的第三方账户" />
     </div>
-    <Alert message="说明" type="info">
-      <template #description>
-        <p>
-          需要添加第三方账号在
-          <span class="font-bold">
-            apps\web-antd\src\views\_core\oauth-common.ts
-          </span>
-          中accountBindList按模板添加
-        </p>
-      </template>
-    </Alert>
+    <div class="p-4 pt-0">
+      <Alert message="说明" type="info">
+        <template #description>
+          <p>
+            需要添加第三方账号在
+            <span class="font-bold">
+              apps\web-antd\src\views\_core\oauth-common.ts
+            </span>
+            中accountBindList按模板添加
+          </p>
+        </template>
+      </Alert>
+    </div>
   </div>
 </template>
 

apps/web-antd/src/views/_core/profile/profile-panel.vue

@@ -49,12 +49,12 @@ const items = computed<DescriptionsProps['items']>(() => {
     },
     {
       content: (
-        <>
+        <div class="flex flex-wrap gap-1">
           <Tag color="processing">{profile.user.deptName ?? '未分配部门'}</Tag>
           {profile.postGroup && (
             <Tag color="processing">{profile.postGroup}</Tag>
           )}
-        </>
+        </div>
       ),
       label: '部门',
     },