4:3 UI switchover

2026-09-15 17:12:59 -04:00 · 2026-01-19 03:00:47 -05:00
parent 5e7581c82d
commit 4d699e1c4c
20 changed files with 274 additions and 181 deletions
@@ -180,11 +180,11 @@ function FitViewportFrame({ 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))',
+          width: 'min(100%, calc(100vh * 4 / 3))',
+          height: 'min(100%, calc(100vw * 3 / 4))',
          maxWidth: '100%',
          maxHeight: '100%',
-          aspectRatio: '16 / 9',
+          aspectRatio: '4 / 3',
        }}
      >
        <div className="flex h-full w-full items-center justify-center overflow-hidden">{children}</div>