16 lines
457 B
TypeScript
16 lines
457 B
TypeScript
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>
|
|
);
|
|
}
|