Root cause: viewport was hardcoded to width=3840 and body to 3840x2160px. If TV browser has different viewport, content overflows and can't be zoomed to fit. Changes: - viewport meta: width=device-width instead of width=3840 - body: 100vw/100vh instead of fixed pixels - App container: w-screen h-screen - font-size: clamp(14px, 1.15vw, 24px) scales with viewport - Topology: horizontal chain (Modem → FW → Switch) saves vertical space, VM pills in 3-col grid, all sizes relative - Kanban: 3-col grid, compact project cards - All padding/gaps use rem (scale with base font) - Removed all hardcoded pixel max-widths Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
14 lines
361 B
HTML
14 lines
361 B
HTML
<!doctype html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>TV Dashboard</title>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|