From 34e0d3d8e7ff0b2e9928dc58257ace506705bf2f Mon Sep 17 00:00:00 2001
From: Chuck1sn <chuck1inzl@gmail.com>
Date: Wed, 4 Jun 2025 10:23:19 +0800
Subject: [PATCH] fix page css

---
 frontend/public/logo.svg                      | 50 +++++++++++++++++++
 frontend/src/api/mocks/aiHandlers.ts          |  1 +
 frontend/src/components/Assistant.vue         | 20 ++++----
 frontend/src/components/Headbar.vue           |  9 ++--
 frontend/src/components/Sidebar.vue           |  2 +-
 frontend/src/components/UserUpsertModal.vue   |  2 +-
 frontend/src/components/icons/AiChatIcon.vue  | 10 +++-
 .../src/components/icons/DepartmentIcon.vue   |  3 +-
 .../src/components/icons/PositionIcon.vue     |  3 +-
 .../src/components/icons/SchedulerIcon.vue    |  3 +-
 frontend/src/views/DepartmentView.vue         |  2 +-
 frontend/src/views/LoginView.vue              |  5 +-
 frontend/src/views/PermissionView.vue         |  2 +-
 frontend/src/views/PositionView.vue           |  2 +-
 frontend/src/views/RoleView.vue               |  2 +-
 frontend/src/views/UserView.vue               |  2 +-
 16 files changed, 88 insertions(+), 30 deletions(-)
 create mode 100644 frontend/public/logo.svg

diff --git a/frontend/public/logo.svg b/frontend/public/logo.svg
new file mode 100644
index 0000000..2166359
--- /dev/null
+++ b/frontend/public/logo.svg
@@ -0,0 +1,50 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M24.5194 13.4429C24.4453 13.9533 24.1087 14.6468 23.7226 15.2497C23.2354 16.0105 22.4622 16.5433 21.5774 16.7283L17.6797 17.5434C17.0533 17.6744 16.4852 18.0022 16.0587 18.479L13.503 21.3357C13.0227 21.8725 12.687 21.7445 12.687 21.0244C12.6812 21.0511 11.4186 24.3072 14.7646 26.2371C16.0502 26.9787 17.9009 26.7122 19.1865 25.9707L25.9983 22.0416C28.5458 20.5722 30.3445 18.0863 30.9424 15.2089C30.966 15.095 30.9843 14.9808 31.004 14.8667L24.5194 13.4429Z" fill="url(#paint0_linear_2484_3243)" />
+    <path d="M22.7528 9.51774C24.0384 10.2593 24.5637 11.3633 24.5637 12.8464C24.5637 13.0477 24.5479 13.2466 24.5194 13.4425L27.2641 14.6215L31.004 14.8663C31.4829 12.0948 30.5444 9.24202 28.862 6.97445C27.5959 5.268 25.9667 3.78714 24.0081 2.65738C22.417 1.73966 20.7636 1.13501 19.1025 0.803223L17.2361 3.22023L16.6465 5.99559L22.7528 9.51774Z" fill="url(#paint1_linear_2484_3243)" />
+    <path d="M0.783597 11.5518C0.782899 11.554 0.784832 11.5546 0.78556 11.5524C0.929583 11.1205 1.11018 10.6385 1.33564 10.1237C2.51334 7.4343 4.78286 5.64062 7.57492 4.72608C10.367 3.81156 13.4155 4.13212 15.9601 5.59988L16.6465 5.99578L19.1025 0.803412C11.291 -0.756765 3.30728 3.83253 0.793528 11.5217C0.792327 11.5254 0.787957 11.5382 0.783597 11.5518Z" fill="url(#paint2_linear_2484_3243)" />
+    <path d="M18.9199 25.9704C17.6343 26.712 16.0503 26.712 14.7647 25.9704C14.5902 25.8697 14.4257 25.7566 14.2701 25.634L12.0091 27.1885L10.0603 30.3376C12.2233 32.1377 15.0321 32.7164 17.839 32.3945C19.9513 32.1523 22.0495 31.4832 24.0082 30.3534C25.5992 29.4357 26.9501 28.3075 28.0682 27.0361L26.9063 24.2128L25.0262 22.4482L18.9199 25.9704Z" fill="url(#paint3_linear_2484_3243)" />
+    <path d="M14.2701 25.6341C13.2796 24.8539 12.6872 23.6572 12.6872 22.3754V22.2476V11.5724C12.6872 10.9687 12.865 10.8661 13.3884 11.168C12.5823 10.703 10.7203 9.10701 8.42118 10.4331C7.13557 11.1747 6.0769 12.8116 6.0769 14.2946V22.1529C6.0769 25.0917 7.59906 28.1573 9.79448 30.1133C9.88132 30.1906 9.97122 30.2636 10.0603 30.3377L14.2701 25.6341Z" fill="url(#paint4_linear_2484_3243)" />
+    <path d="M27.9105 5.8123C27.909 5.8106 27.9075 5.81197 27.909 5.81368C28.2114 6.15428 28.5389 6.5515 28.8725 7.00399C30.6149 9.36765 31.2659 12.3613 30.6627 15.2343C30.0594 18.1072 28.2573 20.5846 25.7126 22.0523L25.0262 22.4482L28.0683 27.0361C33.3265 21.0576 33.3401 11.8554 27.9316 5.83594C27.9291 5.83306 27.9201 5.82287 27.9105 5.8123Z" fill="url(#paint5_linear_2484_3243)" />
+    <path d="M6.34355 14.2944C6.34354 12.8113 7.13552 11.4408 8.42113 10.6993C8.59565 10.5986 8.77601 10.5129 8.96002 10.4395L8.74304 7.70603L7.21862 4.57861C4.57671 5.55005 2.4397 7.55766 1.31528 10.1471C0.469097 12.0957 9.792e-06 14.2458 0 16.5052C0 18.3407 0.302549 20.0735 0.845533 21.6767L3.87391 22.083L6.34355 21.3387V14.2944V14.2944Z" fill="url(#paint6_linear_2484_3243)" />
+    <path d="M8.96003 10.4395C10.1316 9.97264 11.4652 10.0584 12.5763 10.6993L12.6871 10.7632L21.5825 15.8941C22.2065 16.254 22.1498 16.6082 21.4445 16.7557L21.9577 16.6484C22.6329 16.5072 23.2498 16.1621 23.7216 15.6592C24.5327 14.7946 24.8305 13.7515 24.8305 12.8463C24.8304 11.3632 24.0385 9.99274 22.7529 9.2512L15.941 5.32209C13.3935 3.85267 10.3394 3.53934 7.5461 4.46083C7.4356 4.49727 7.32744 4.5386 7.21863 4.57861L8.96003 10.4395Z" fill="url(#paint7_linear_2484_3243)" />
+    <path d="M19.3222 32.1523C19.3245 32.1518 19.3241 32.1498 19.3218 32.1503C18.8753 32.2417 18.3673 32.3264 17.8083 32.3888C14.8881 32.7145 11.9676 31.781 9.77876 29.8225C7.58999 27.8641 6.3436 25.0662 6.3436 22.1307L6.34359 21.3389L0.845581 21.6769C3.39893 29.2156 11.369 33.8285 19.2912 32.1588C19.295 32.158 19.3083 32.1553 19.3222 32.1523Z" fill="url(#paint8_linear_2484_3243)" />
+    <defs>
+        <linearGradient id="paint0_linear_2484_3243" x1="20.0599" y1="24.2701" x2="23.2075" y2="13.307" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#1724C9" />
+            <stop offset="1" stop-color="#1C64F2" />
+        </linearGradient>
+        <linearGradient id="paint1_linear_2484_3243" x1="27.3093" y1="10.9001" x2="19.0297" y2="2.64962" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#1C64F2" />
+            <stop offset="1" stop-color="#0092FF" />
+        </linearGradient>
+        <linearGradient id="paint2_linear_2484_3243" x1="16.1645" y1="5.52115" x2="3.67432" y2="6.3104" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#0092FF" />
+            <stop offset="1" stop-color="#45B2FF" />
+        </linearGradient>
+        <linearGradient id="paint3_linear_2484_3243" x1="15.3198" y1="29.1626" x2="26.5366" y2="26.1359" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#1C64F2" />
+            <stop offset="1" stop-color="#0092FF" />
+        </linearGradient>
+        <linearGradient id="paint4_linear_2484_3243" x1="7.26881" y1="16.1827" x2="15.2325" y2="24.4347" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#1724C9" />
+            <stop offset="1" stop-color="#1C64F2" />
+        </linearGradient>
+        <linearGradient id="paint5_linear_2484_3243" x1="25.4505" y1="22.1356" x2="31.007" y2="10.9345" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#0092FF" />
+            <stop offset="1" stop-color="#45B2FF" />
+        </linearGradient>
+        <linearGradient id="paint6_linear_2484_3243" x1="5.36387" y1="9.63067" x2="2.39054" y2="20.8063" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#1C64F2" />
+            <stop offset="1" stop-color="#0092FF" />
+        </linearGradient>
+        <linearGradient id="paint7_linear_2484_3243" x1="20.5431" y1="9.09912" x2="9.67768" y2="11.8044" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#1724C9" />
+            <stop offset="1" stop-color="#1C64F2" />
+        </linearGradient>
+        <linearGradient id="paint8_linear_2484_3243" x1="6.40679" y1="21.8566" x2="13.3326" y2="32.2745" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#0092FF" />
+            <stop offset="1" stop-color="#45B2FF" />
+        </linearGradient>
+    </defs>
+</svg>
+    
\ No newline at end of file
diff --git a/frontend/src/api/mocks/aiHandlers.ts b/frontend/src/api/mocks/aiHandlers.ts
index 511fa25..c7543e1 100644
--- a/frontend/src/api/mocks/aiHandlers.ts
+++ b/frontend/src/api/mocks/aiHandlers.ts
@@ -26,6 +26,7 @@ export default [
 			modelName: faker.lorem.word(),
 			apiKey: faker.string.uuid(),
 			url: faker.internet.url(),
+			type: faker.helpers.arrayElement(["CHAT", "EMBEDDING"]),
 			enable: faker.datatype.boolean(),
 			priority: faker.number.int({ min: 1, max: 10 }),
 		});
diff --git a/frontend/src/components/Assistant.vue b/frontend/src/components/Assistant.vue
index 42457b3..7fd304b 100644
--- a/frontend/src/components/Assistant.vue
+++ b/frontend/src/components/Assistant.vue
@@ -1,6 +1,6 @@
 <template>
 	<div
-		class="h-[calc(100vh-3.5rem)] flex flex-col box-border p-3 overflow-y-auto md:w-80 w-full overflow-x-hidden border-gray-200 border-l"
+		class="h-[calc(100vh-3.5rem)] flex flex-col box-border p-3 overflow-y-auto w-full lg:w-80 xl:w-96 overflow-x-hidden border-gray-200 border-l"
 		ref="chatContainer">
 		<div class="flex flex-col gap-y-5 flex-1 pb-2">
 			<li v-for="chatElement in messages" :key="chatElement.content"
@@ -26,11 +26,11 @@
 							}}</button>
 						<InputButton
 							bgColor="bg-red-700 hover:bg-red-800 focus:ring-red-300 text-white focus:ring-4 focus:outline-none"
-							size="sm" :content="commandContentMap[chatElement.command!]" :handleSubmit="handleDeleteUserClick"
+							:content="commandContentMap[chatElement.command!]" :handleSubmit="handleDeleteUserClick"
 							v-if="chatElement.command === 'DELETE_USER'" />
 						<InputButton
 							bgColor="bg-red-700 hover:bg-red-800 focus:ring-red-300 text-white focus:ring-4 focus:outline-none"
-							size="sm" :content="commandContentMap[chatElement.command!]" :handleSubmit="handleDeleteDepartmentClick"
+							:content="commandContentMap[chatElement.command!]" :handleSubmit="handleDeleteDepartmentClick"
 							v-if="chatElement.command === 'DELETE_DEPARTMENT'" />
 					</div>
 				</div>
@@ -82,8 +82,15 @@
 </template>
 
 <script setup lang="ts">
+import InputButton from "@/components/InputButton.vue";
+import UserDeleteModal from "@/components/PopupModal.vue";
+import DepartmentDeleteModal from "@/components/PopupModal.vue";
 import LoadingIcon from "@/components/icons/LoadingIcon.vue";
+import { useAiAction } from "@/composables/ai/useAiAction";
+import { useDepartmentQuery } from "@/composables/department/useDepartmentQuery";
+import { useDepartmentUpsert } from "@/composables/department/useDepartmentUpsert";
 import useAlertStore from "@/composables/store/useAlertStore";
+import type { DepartmentUpsertModel } from "@/types/department";
 import DOMPurify from "dompurify";
 import { Modal, type ModalInterface, initFlowbite } from "flowbite";
 import { marked } from "marked";
@@ -96,13 +103,6 @@ import { useAiChat } from "../composables/ai/useAiChat";
 import useUserStore from "../composables/store/useUserStore";
 import { useUserUpsert } from "../composables/user/useUserUpsert";
 import type { UserUpsertSubmitModel } from "../types/user";
-import { useDepartmentQuery } from "@/composables/department/useDepartmentQuery";
-import { useDepartmentUpsert } from "@/composables/department/useDepartmentUpsert";
-import type { DepartmentUpsertModel } from "@/types/department";
-import UserDeleteModal from "@/components/PopupModal.vue";
-import { useAiAction } from "@/composables/ai/useAiAction";
-import DepartmentDeleteModal from "@/components/PopupModal.vue";
-import InputButton from "@/components/InputButton.vue";
 
 const { messages, chat, isLoading, cancel, searchAction, executeAction } = useAiChat();
 const { user } = useUserStore();
diff --git a/frontend/src/components/Headbar.vue b/frontend/src/components/Headbar.vue
index 65e4dc4..6355f8e 100644
--- a/frontend/src/components/Headbar.vue
+++ b/frontend/src/components/Headbar.vue
@@ -15,6 +15,7 @@
             </svg>
           </button>
           <a href="https://github.com/ccmjga/zhilu-admin" target="_blank" class="flex items-center ms-2 md:me-24">
+            <img class="me-3" src="/logo.svg" alt="logo">
             <span class="self-center text-lg sm:text-xl md:text-2xl font-semibold whitespace-nowrap">知路后台管理</span>
           </a>
         </div>
@@ -33,16 +34,16 @@
           </a>
           <span class="flex space-x-2 sm:space-x-3">
             <button class="cursor-pointer p-1" @click="changeAssistantVisible">
-              <AiChatIcon class="w-7 h-7 text-gray-600 sm:w-5 sm:h-5" />
+              <AiChatIcon />
             </button>
           </span>
 
           <div class="flex items-center ms-2 sm:ms-3">
             <div>
               <button type="button" id="dropdown-button"
-                class="flex text-sm bg-gray-800 rounded-full focus:ring-4 focus:ring-gray-300 " aria-expanded="false"
-                data-dropdown-toggle="dropdown-user">
-                <span class="sr-only">Open user menu</span>
+                class="flex text-sm bg-gray-800 rounded-full focus:ring-4 focus:ring-gray-300 cursor-pointer"
+                aria-expanded="false" data-dropdown-toggle="dropdown-user">
+                <span class="sr-only">打开用户菜单</span>
                 <img class="w-8 h-8 rounded-full" src="/java.svg" alt="user photo">
               </button>
             </div>
diff --git a/frontend/src/components/Sidebar.vue b/frontend/src/components/Sidebar.vue
index 79b8a54..7110a39 100644
--- a/frontend/src/components/Sidebar.vue
+++ b/frontend/src/components/Sidebar.vue
@@ -9,7 +9,7 @@
 						class="flex items-center p-2 gap-x-2 text-gray-900 rounded-lg  hover:bg-gray-100  group"
 						:class="{ 'bg-gray-100 ': isActive(item.path) }">
 						<component :is="item.icon"
-							class="shrink-0 text-gray-700 transition duration-75  group-hover:text-gray-900 " />
+							class="shrink-0 text-gray-500 transition duration-75  group-hover:text-gray-900 " />
 						<span>{{ item.title }}</span>
 					</RouterLink>
 				</li>
diff --git a/frontend/src/components/UserUpsertModal.vue b/frontend/src/components/UserUpsertModal.vue
index 113d4b9..26fb9e9 100644
--- a/frontend/src/components/UserUpsertModal.vue
+++ b/frontend/src/components/UserUpsertModal.vue
@@ -1,6 +1,6 @@
 <template>
 	<!-- Main modal -->
-	<div id="user-upsert-modal" tabindex="-1" aria-hidden="true"
+	<div tabindex="-1" aria-hidden="true"
 		class="bg-gray-900/50 hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">
 		<div class="relative p-4 w-full max-w-xs sm:max-w-sm md:max-w-md max-h-full">
 			<!-- Modal content -->
diff --git a/frontend/src/components/icons/AiChatIcon.vue b/frontend/src/components/icons/AiChatIcon.vue
index 8891408..a3353b6 100644
--- a/frontend/src/components/icons/AiChatIcon.vue
+++ b/frontend/src/components/icons/AiChatIcon.vue
@@ -1,6 +1,6 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor"
-    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot-icon lucide-bot ai-breath">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
+    stroke-linecap="round" stroke-linejoin="round" :class="['lucide lucide-bot-icon lucide-bot ai-breath', size]">
     <path d="M12 8V4H8" />
     <rect width="16" height="12" x="4" y="8" rx="2" />
     <path d="M2 14h2" />
@@ -10,6 +10,12 @@
   </svg>
 </template>
 
+<script setup lang="ts">
+const { size = 'w-6 h-6' } = defineProps<{
+  size?: string;
+}>();
+</script>
+
 <style scoped>
 .ai-breath {
   animation: ai-breath 1.8s infinite ease-in-out;
diff --git a/frontend/src/components/icons/DepartmentIcon.vue b/frontend/src/components/icons/DepartmentIcon.vue
index c952d1a..8b280d3 100644
--- a/frontend/src/components/icons/DepartmentIcon.vue
+++ b/frontend/src/components/icons/DepartmentIcon.vue
@@ -1,6 +1,5 @@
 <template>
-  <svg class="text-gray-800 " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
-    viewBox="0 0 24 24">
+  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
       d="M3 15v3c0 .5523.44772 1 1 1h4v-4m-5 0v-4m0 4h5m-5-4V6c0-.55228.44772-1 1-1h16c.5523 0 1 .44772 1 1v1.98935M3 11h5v4m9.4708 4.1718-.8696-1.4388-2.8164-.235-2.573-4.2573 1.4873-2.8362 1.4441 2.3893c.3865.6396 1.2183.8447 1.8579.4582.6396-.3866.8447-1.2184.4582-1.858l-1.444-2.38925h3.1353l2.6101 4.27715-1.0713 2.5847.8695 1.4388" />
   </svg>
diff --git a/frontend/src/components/icons/PositionIcon.vue b/frontend/src/components/icons/PositionIcon.vue
index 33833cc..7c05564 100644
--- a/frontend/src/components/icons/PositionIcon.vue
+++ b/frontend/src/components/icons/PositionIcon.vue
@@ -1,6 +1,5 @@
 <template>
-  <svg class="w-6 h-6 text-gray-800 " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
-    fill="none" viewBox="0 0 24 24">
+  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
       d="M14.6144 7.19994c.3479.48981.5999 1.15357.5999 1.80006 0 1.6569-1.3432 3-3 3-1.6569 0-3.00004-1.3431-3.00004-3 0-.67539.22319-1.29865.59983-1.80006M6.21426 6v4m0-4 6.00004-3 6 3-6 2-2.40021-.80006M6.21426 6l3.59983 1.19994M6.21426 19.8013v-2.1525c0-1.6825 1.27251-3.3075 2.95093-3.6488l3.04911 2.9345 3-2.9441c1.7026.3193 3 1.9596 3 3.6584v2.1525c0 .6312-.5373 1.1429-1.2 1.1429H7.41426c-.66274 0-1.2-.5117-1.2-1.1429Z" />
   </svg>
diff --git a/frontend/src/components/icons/SchedulerIcon.vue b/frontend/src/components/icons/SchedulerIcon.vue
index b990cb9..06bc303 100644
--- a/frontend/src/components/icons/SchedulerIcon.vue
+++ b/frontend/src/components/icons/SchedulerIcon.vue
@@ -1,6 +1,5 @@
 <template>
-  <svg class="w-6 h-6 text-gray-800 " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
-    fill="none" viewBox="0 0 24 24">
+  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
       d="M12 8v4l3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
   </svg>
diff --git a/frontend/src/views/DepartmentView.vue b/frontend/src/views/DepartmentView.vue
index d90af28..caff656 100644
--- a/frontend/src/views/DepartmentView.vue
+++ b/frontend/src/views/DepartmentView.vue
@@ -24,7 +24,7 @@
         </div>
       </form>
       <Button :handleClick="() => handleUpsertDepartmentClick()" :isLoading="false" :abortable="false"
-        submitContent="新增部门" size="sm" class="w-full sm:w-auto">
+        submitContent="新增部门" class="w-full sm:w-auto">
         <template #icon>
           <svg class="w-4 h-4 me-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
diff --git a/frontend/src/views/LoginView.vue b/frontend/src/views/LoginView.vue
index b55491b..5d65e82 100644
--- a/frontend/src/views/LoginView.vue
+++ b/frontend/src/views/LoginView.vue
@@ -2,7 +2,10 @@
 	<div class="flex flex-col items-center justify-center h-screen bg-gray-100">
 		<div class="w-full max-w-xs sm:max-w-sm p-4 bg-white border border-gray-200 rounded-lg shadow-sm sm:p-6 md:p-8">
 			<form class="flex flex-col gap-y-4 sm:gap-y-5" action="#">
-				<h5 class="text-xl sm:text-2xl font-medium text-gray-900">知路管理后台</h5>
+				<h5 class="text-xl sm:text-2xl font-medium text-gray-900 flex items-center gap-x-2">
+					<img src="/logo.svg" alt="logo">
+					<span>知路管理后台</span>
+				</h5>
 				<div>
 					<label for="username" class="block mb-2 text-sm font-medium text-gray-900">用户名</label>
 					<input type="text" name="email" id="username" v-model="username"
diff --git a/frontend/src/views/PermissionView.vue b/frontend/src/views/PermissionView.vue
index 39ac803..7fbcb46 100644
--- a/frontend/src/views/PermissionView.vue
+++ b/frontend/src/views/PermissionView.vue
@@ -25,7 +25,7 @@
       </form>
       <!-- Create Modal toggle -->
       <Button :handleClick="() => handleUpsertPermissionClick(undefined)" :isLoading="false" :abortable="false"
-        submitContent="新增权限" size="sm" class="w-full sm:w-auto">
+        submitContent="新增权限" class="w-full sm:w-auto">
         <template #icon>
           <svg class="w-4 h-4 me-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
diff --git a/frontend/src/views/PositionView.vue b/frontend/src/views/PositionView.vue
index f2ed05a..6cf34e3 100644
--- a/frontend/src/views/PositionView.vue
+++ b/frontend/src/views/PositionView.vue
@@ -25,7 +25,7 @@
       </form>
       <!-- Create Modal toggle -->
       <Button :handleClick="() => handleUpsertPositionClick()" :isLoading="false" :abortable="false"
-        submitContent="新增岗位" size="sm" class="w-full sm:w-auto">
+        submitContent="新增岗位" class="w-full sm:w-auto">
         <template #icon>
           <svg class="w-4 h-4 me-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
diff --git a/frontend/src/views/RoleView.vue b/frontend/src/views/RoleView.vue
index 106b32c..9388c86 100644
--- a/frontend/src/views/RoleView.vue
+++ b/frontend/src/views/RoleView.vue
@@ -25,7 +25,7 @@
       </form>
       <!-- Create Modal toggle -->
       <Button :handleClick="() => handleUpsertRoleClick(undefined)" :isLoading="false" :abortable="false"
-        submitContent="新增角色" size="sm" class="w-full sm:w-auto">
+        submitContent="新增角色" class="w-full sm:w-auto">
         <template #icon>
           <svg class="w-4 h-4 me-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
diff --git a/frontend/src/views/UserView.vue b/frontend/src/views/UserView.vue
index 2c0d844..19e8f80 100644
--- a/frontend/src/views/UserView.vue
+++ b/frontend/src/views/UserView.vue
@@ -25,7 +25,7 @@
       </form>
       <!-- Create Modal toggle -->
       <Button :handleClick="() => handleUpsertUserClick(undefined)" :isLoading="false" :abortable="false"
-        submitContent="新增用户" size="sm" class="w-full sm:w-auto">
+        submitContent="新增用户" class="w-full sm:w-auto">
         <template #icon>
           <svg class="w-4 h-4 me-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">