mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-15 17:12:59 -04:00
box my letter my
This commit is contained in:
@@ -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