feat: 初始化孕育无忧全栈项目基础代码结构
完成项目初始搭建,包含后端FastAPI+MongoDB服务、前端React+Vite项目的完整基础结构,添加各类配置文件与依赖清单,涵盖核心业务初始框架。
This commit is contained in:
15
frontend/src/app/components/MobileLayout.tsx
Normal file
15
frontend/src/app/components/MobileLayout.tsx
Normal file
@@ -0,0 +1,15 @@
|
||||
import { Outlet } from "react-router";
|
||||
|
||||
/**
|
||||
* H5 移动端全局布局容器
|
||||
* - max-w-md (448px) 限制最大宽度,大屏居中显示
|
||||
* - min-h-dvh 使用动态视口高度,解决 Safari 地址栏问题
|
||||
* - safe-area padding 适配刘海屏/底部手势条
|
||||
*/
|
||||
export function MobileLayout() {
|
||||
return (
|
||||
<div className="max-w-md mx-auto min-h-dvh relative bg-morandi-50 shadow-[0_0_40px_rgba(0,0,0,0.06)]">
|
||||
<Outlet />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user