mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 01:21:20 -04:00
box my letter my
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -11,8 +11,8 @@
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||||
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
|
||||
<title>Multi Roomba Rover</title>
|
||||
<script type="module" crossorigin src="/assets/index-Cy_belH_.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-BHiJvd47.css">
|
||||
<script type="module" crossorigin src="/assets/index-BsspRmsu.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-B88Ix9u6.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
||||
@@ -177,8 +177,17 @@ function ChatOverlay() {
|
||||
function FitViewportFrame({ children }) {
|
||||
return (
|
||||
<div className="flex h-full w-full items-center justify-center overflow-hidden bg-black">
|
||||
<div className="relative w-full max-w-full" style={{ maxHeight: '100%', aspectRatio: '16 / 9' }}>
|
||||
<div className="absolute inset-0 flex items-center justify-center">{children}</div>
|
||||
<div
|
||||
className="relative flex items-center justify-center overflow-hidden bg-black"
|
||||
style={{
|
||||
width: 'min(100%, calc(100vh * 16 / 9))',
|
||||
height: 'min(100%, calc(100vw * 9 / 16))',
|
||||
maxWidth: '100%',
|
||||
maxHeight: '100%',
|
||||
aspectRatio: '16 / 9',
|
||||
}}
|
||||
>
|
||||
<div className="flex h-full w-full items-center justify-center overflow-hidden">{children}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user