Skip to content

Commit 8080813

Browse files
committed
fix: 修复移动端顶栏安全区适配并开放开发服务器外部访问
- 移动端顶栏 padding-top 改用 env(safe-area-inset-top) 兼容 iOS 刘海 / 灵动岛 - vite 开发服务器 host 改为 0.0.0.0,支持局域网设备访问调试
1 parent 7aed850 commit 8080813

2 files changed

Lines changed: 2 additions & 2 deletions

File tree

frontend/src/App.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -251,7 +251,7 @@ function App() {
251251
</div>
252252

253253
{/* Mobile Top Bar */}
254-
<div className="sticky top-0 z-50 px-4 pt-3 pb-2 md:hidden">
254+
<div className="sticky top-0 z-50 px-4 pt-[max(0.75rem,env(safe-area-inset-top))] pb-2 md:hidden">
255255
<header className="card px-4">
256256
<div className="h-12 flex items-center justify-between">
257257
<NavLink to="/" className="flex items-center gap-2 group">

frontend/vite.config.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ export default defineConfig({
1313
},
1414
},
1515
server: {
16-
host: '127.0.0.1',
16+
host: '0.0.0.0',
1717
proxy: {
1818
'/api': 'http://127.0.0.1:8000',
1919
},

0 commit comments

Comments
 (0)