feat(web): 添加响应式布局和 PWA 支持
- 实现移动端响应式适配:抽屉式侧边栏、触摸优化、Safe Area 支持 - 添加 PWA 支持:vite-plugin-pwa、manifest、Service Worker 缓存 - 优化移动端输入体验:防缩放、最小触摸目标、键盘适配
This commit is contained in:
+16
-2
@@ -2,8 +2,22 @@
|
||||
<html lang="en" class="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="icon" type="image/svg+xml" href="/icon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, maximum-scale=1.0, user-scalable=no" />
|
||||
|
||||
<!-- PWA Meta Tags -->
|
||||
<meta name="theme-color" content="#111827" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||||
<meta name="apple-mobile-web-app-title" content="AI Assistant" />
|
||||
<meta name="description" content="AI Terminal Assistant - Your intelligent coding companion" />
|
||||
|
||||
<!-- Apple Touch Icons (use SVG as fallback) -->
|
||||
<link rel="apple-touch-icon" href="/icon.svg" />
|
||||
|
||||
<!-- PWA Manifest -->
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
|
||||
<title>AI Assistant</title>
|
||||
</head>
|
||||
<body class="bg-gray-900 text-gray-100">
|
||||
|
||||
Reference in New Issue
Block a user