改进 移动端显示

src/components/settings/AssistantSettings.vue

@@ -249,9 +249,9 @@ const assistantApiKeys: Ref<EntityAssistantKey[]> = ref([]);
 const isMobile = useIsMobile();
 const drawerWidth = computed(() => {
   if (isMobile.value) {
-    return 400;
+    return window.innerWidth;
   } else {
-    return 600;
+    return window.innerWidth * 0.6;
   }
 });
 

src/components/settings/ChatSettings.vue

@@ -92,12 +92,11 @@ import { useIsMobile } from "@/utils/composables";
 const isMobile = useIsMobile();
 const drawerWidth = computed(() => {
   if (isMobile.value) {
-    return 400;
+    return window.innerWidth;
   } else {
-    return 600;
+    return window.innerWidth * 0.6;
   }
 });
-
 const dialog = useDialog();
 const chatStore = useChatStore();
 const showSettingsDialog = ref(false);

src/components/settings/ToolSettings.vue

@@ -67,12 +67,15 @@ const createToolRequest: Ref<SchemaToolCreateRequest> = ref({
 const isMobile = useIsMobile();
 const drawerWidth = computed(() => {
   if (isMobile.value) {
-    return 400;
+    return window.innerWidth;
   } else {
-    return 600;
+    return window.innerWidth * 0.6;
   }
 });
 
+/**
+ * 获取所有工具
+ */
 const getTools = async () => {
   toolStore.tools = (await getApi().Tool.apiV1ToolsGet()).data.data ?? [];
 };

src/layouts/Header.vue

@@ -137,7 +137,7 @@ const isMobile = useIsMobile();
 const showDrawer = ref(false);
 const width = computed(() => {
   if (isMobile.value) {
-    return window.innerWidth - 100;
+    return window.innerWidth;
   } else {
     return window.innerWidth * 0.5;
   }