legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-16 01:21:20 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

scaling update

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-BIFzj-P-.css
+1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-DXzRUUQl.js → server/public/assets/index-CiNC24Oq.js
+1 -1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-D3sOXuVW.css
-1
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+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-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Roomba Rover" />
<title>Roomba Rover</title> <title>Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-DXzRUUQl.js"></script> <script type="module" crossorigin src="/assets/index-CiNC24Oq.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-D3sOXuVW.css"> <link rel="stylesheet" crossorigin href="/assets/index-BIFzj-P-.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
webui/src/display/ServerDisplayApp/components/DisplayChatFeed.jsx
+1 -1
View File
@@ -4,7 +4,7 @@
import ChatPanel from '../../../components/ChatPanel/index.jsx'; import ChatPanel from '../../../components/ChatPanel/index.jsx';
export default function DisplayChatFeed() { export default function DisplayChatFeed() {
const displayChatScale = 2.35; const displayChatScale = 3;
return ( return (
<section className="h-full min-h-0 overflow-hidden border-t border-slate-800 bg-black p-[0.45vw]"> <section className="h-full min-h-0 overflow-hidden border-t border-slate-800 bg-black p-[0.45vw]">
webui/src/display/ServerDisplayApp/components/DisplayRoverCell.jsx
+9 -9
View File
@@ -45,18 +45,18 @@ export default function DisplayRoverCell({ rover, session }) {
fallback={rover?.id} fallback={rover?.id}
as={AutoFitText} as={AutoFitText}
className="leading-none" className="leading-none"
maxSize={76} maxSize={108}
minSize={20} minSize={26}
/> />
</div> </div>
{locked ? ( {locked ? (
// Keep the lock warning adjacent to the rover identity so the cell // Keep the lock warning adjacent to the rover identity so the cell
// remains readable while still making the locked state impossible // remains readable while still making the locked state impossible
// to miss at a glance. // 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> <div>LOCKED</div>
{rover?.lockReason ? ( {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} {rover.lockReason}
</div> </div>
) : null} ) : null}
@@ -70,8 +70,8 @@ export default function DisplayRoverCell({ rover, session }) {
'font-black leading-none', 'font-black leading-none',
active ? 'text-white' : 'text-slate-400', active ? 'text-white' : 'text-slate-400',
)} )}
maxSize={128} maxSize={172}
minSize={28} minSize={38}
> >
{driver?.label || 'Idle'} {driver?.label || 'Idle'}
</AutoFitText> </AutoFitText>
@@ -82,15 +82,15 @@ export default function DisplayRoverCell({ rover, session }) {
'font-black leading-none', 'font-black leading-none',
urgent ? 'text-red-100' : warn ? 'text-amber-100' : 'text-slate-100', urgent ? 'text-red-100' : warn ? 'text-amber-100' : 'text-slate-100',
)} )}
maxSize={100} maxSize={136}
minSize={24} minSize={32}
> >
{batteryText} {batteryText}
</AutoFitText> </AutoFitText>
</div> </div>
</div> </div>
{stateText ? ( {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} {stateText}
</div> </div>
) : ( ) : (
webui/src/display/ServerDisplayApp/components/OnlinePeopleStrip.jsx
+1 -1
View File
@@ -72,7 +72,7 @@ export default function OnlinePeopleStrip({ users = [] }) {
<div <div
ref={trackRef} ref={trackRef}
className={classNames( 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"> <div ref={contentRef} className="flex h-full items-center">