feat(ui): 移动端适配

主要变化包括:
  - 实现了响应式主布局,带有可折叠的汉堡菜单,用于移动导航。
  - 调整了仪表板、密钥管理和信息卡中的网格布局,使其在较小的屏幕上垂直堆叠内容。
  - 使图表和数据表可水平滚动或使其元素换行,以防止溢出并保持可用性。
  - 添加了 `@vueuse/core` 库,用于动态检测屏幕尺寸以实现响应式逻辑。
  - 改进了各种组件(如按钮、字体和间距)的样式,以改善移动设备上的视觉层次结构。
This commit is contained in:
OrzMiku
2025-07-30 23:09:15 +08:00
parent 734938b787
commit 2dd6957ae9
12 changed files with 232 additions and 49 deletions

View File

@@ -4,7 +4,14 @@
"version": "0.1.0",
"description": "GPT Load Balancer Frontend - A modern Vue 3 frontend for GPT load balancing service",
"type": "module",
"keywords": ["vue3", "typescript", "vite", "naive-ui", "gpt-load", "frontend"],
"keywords": [
"vue3",
"typescript",
"vite",
"naive-ui",
"gpt-load",
"frontend"
],
"author": "tbphp",
"license": "MIT",
"repository": {
@@ -32,6 +39,7 @@
},
"dependencies": {
"@vicons/ionicons5": "^0.13.0",
"@vueuse/core": "^13.6.0",
"axios": "^1.9.0",
"naive-ui": "^2.41.0",
"vue": "^3.5.13",