| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <title>torch-dimensions viewer</title> |
| <style> |
| * { margin: 0; box-sizing: border-box; } |
| html, body, #root { height: 100%; } |
| body { |
| background: #0b0e14; |
| color: #d6dbe4; |
| font: 14px/1.45 ui-sans-serif, system-ui, -apple-system, sans-serif; |
| overflow: hidden; |
| } |
| |
| |
| |
| .td-row { |
| transition: background 140ms ease, border-color 140ms ease, |
| transform 140ms ease; |
| } |
| .td-row:hover { background: #1b2437 !important; transform: translateX(2px); } |
| .td-btn { transition: background 140ms ease, border-color 140ms ease; } |
| .td-btn:hover { background: #263352 !important; border-color: #3b4d75 !important; } |
| .td-card { transition: border-color 200ms ease; } |
| |
| |
| .td-panel::-webkit-scrollbar { width: 10px; } |
| .td-panel::-webkit-scrollbar-thumb { |
| background: #222c40; border-radius: 99px; border: 3px solid #10141d; |
| } |
| .td-panel::-webkit-scrollbar-thumb:hover { background: #33415e; } |
| .td-panel::-webkit-scrollbar-track { background: transparent; } |
| |
| @keyframes td-pulse { |
| 0%, 100% { opacity: 0.55; } |
| 50% { opacity: 1; } |
| } |
| .td-live { animation: td-pulse 1.6s ease-in-out infinite; } |
| </style> |
| </head> |
| <body> |
| <div id="root"></div> |
| <script type="module" src="/src/main.jsx"></script> |
| </body> |
| </html> |
|
|
