mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-15 17:12:59 -04:00
scaling update
This commit is contained in:
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
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user