scaling update

This commit is contained in:
legop3
2026-06-08 21:03:59 -04:00
parent d2565eaf40
commit 8c121c0925
7 changed files with 15 additions and 15 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -11,8 +11,8 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Roomba Rover" />
<title>Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-DXzRUUQl.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-D3sOXuVW.css">
<script type="module" crossorigin src="/assets/index-CiNC24Oq.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BIFzj-P-.css">
</head>
<body>
<div id="root"></div>
@@ -4,7 +4,7 @@
import ChatPanel from '../../../components/ChatPanel/index.jsx';
export default function DisplayChatFeed() {
const displayChatScale = 2.35;
const displayChatScale = 3;
return (
<section className="h-full min-h-0 overflow-hidden border-t border-slate-800 bg-black p-[0.45vw]">
@@ -45,18 +45,18 @@ export default function DisplayRoverCell({ rover, session }) {
fallback={rover?.id}
as={AutoFitText}
className="leading-none"
maxSize={76}
minSize={20}
maxSize={108}
minSize={26}
/>
</div>
{locked ? (
// Keep the lock warning adjacent to the rover identity so the cell
// remains readable while still making the locked state impossible
// to miss at a glance.
<div className="max-w-[36vw] border-4 border-red-100 bg-red-700 px-[0.9vw] py-[0.45vh] text-center text-[clamp(1.6rem,4.2vh,4.4rem)] font-black leading-none text-white">
<div className="max-w-[40vw] border-4 border-red-100 bg-red-700 px-[1vw] py-[0.55vh] text-center text-[clamp(2rem,5vh,5.2rem)] font-black leading-none text-white">
<div>LOCKED</div>
{rover?.lockReason ? (
<div className="mt-[0.3vh] text-[clamp(1rem,2.4vh,2.5rem)] leading-none text-red-50">
<div className="mt-[0.35vh] text-[clamp(1.2rem,2.9vh,3rem)] leading-none text-red-50">
{rover.lockReason}
</div>
) : null}
@@ -70,8 +70,8 @@ export default function DisplayRoverCell({ rover, session }) {
'font-black leading-none',
active ? 'text-white' : 'text-slate-400',
)}
maxSize={128}
minSize={28}
maxSize={172}
minSize={38}
>
{driver?.label || 'Idle'}
</AutoFitText>
@@ -82,15 +82,15 @@ export default function DisplayRoverCell({ rover, session }) {
'font-black leading-none',
urgent ? 'text-red-100' : warn ? 'text-amber-100' : 'text-slate-100',
)}
maxSize={100}
minSize={24}
maxSize={136}
minSize={32}
>
{batteryText}
</AutoFitText>
</div>
</div>
{stateText ? (
<div className="min-w-0 text-[clamp(0.95rem,1.8vh,1.8rem)] font-black leading-none text-amber-100">
<div className="min-w-0 text-[clamp(1.25rem,2.5vh,2.6rem)] font-black leading-none text-amber-100">
{stateText}
</div>
) : (
@@ -72,7 +72,7 @@ export default function OnlinePeopleStrip({ users = [] }) {
<div
ref={trackRef}
className={classNames(
'flex h-full w-max items-center whitespace-nowrap text-[clamp(2rem,4.2vh,4.6rem)] leading-none',
'flex h-full w-max items-center whitespace-nowrap text-[clamp(2.5rem,5.3vh,5.8rem)] leading-none',
)}
>
<div ref={contentRef} className="flex h-full items-center">