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
+11 -2
View File
@@ -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>
);