box my letter my

This commit is contained in:
legop3
2025-12-22 01:01:41 -05:00
parent 6f887b00f1
commit f579516d64
5 changed files with 15 additions and 6 deletions
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
+2 -2
View File
@@ -11,8 +11,8 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title> <title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-Cy_belH_.js"></script> <script type="module" crossorigin src="/assets/index-BsspRmsu.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BHiJvd47.css"> <link rel="stylesheet" crossorigin href="/assets/index-B88Ix9u6.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
+11 -2
View File
@@ -177,8 +177,17 @@ function ChatOverlay() {
function FitViewportFrame({ children }) { function FitViewportFrame({ children }) {
return ( return (
<div className="flex h-full w-full items-center justify-center overflow-hidden bg-black"> <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
<div className="absolute inset-0 flex items-center justify-center">{children}</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>
</div> </div>
); );