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

ui adjustments

Browse Source
This commit is contained in:
legop3
2026-07-06 21:52:20 -04:00
parent 4204a66549
commit 8f0ac358d6
6 changed files with 10 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-DfNhcl9P.css → server/public/assets/index-AEvF9veu.css
+1 -1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-CDPuE5o4.js.map
-1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-CDPuE5o4.js → server/public/assets/index-CT_oLzKM.js
+2 -2
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-CT_oLzKM.js.map
+1
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+2 -2
View File
@@ -78,8 +78,8 @@
<script defer src="https://analytics.otter.land/script.js" data-website-id="82dd56a5-db44-4279-bd1e-a4d9fee39af7" data-domains="rover.otter.land"></script> <script defer src="https://analytics.otter.land/script.js" data-website-id="82dd56a5-db44-4279-bd1e-a4d9fee39af7" data-domains="rover.otter.land"></script>
<script defer src="https://analytics.otter.land/recorder.js" data-website-id="82dd56a5-db44-4279-bd1e-a4d9fee39af7" data-domains="rover.otter.land" data-sample-rate="0.15" data-mask-level="moderate" data-max-duration="300000"></script> <script defer src="https://analytics.otter.land/recorder.js" data-website-id="82dd56a5-db44-4279-bd1e-a4d9fee39af7" data-domains="rover.otter.land" data-sample-rate="0.15" data-mask-level="moderate" data-max-duration="300000"></script>
<title>Roomba Rover</title> <title>Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-CDPuE5o4.js"></script> <script type="module" crossorigin src="/assets/index-CT_oLzKM.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DfNhcl9P.css"> <link rel="stylesheet" crossorigin href="/assets/index-AEvF9veu.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
webui/src/components/InterInstancePanel/index.jsx
+4 -11
View File
@@ -31,8 +31,8 @@ function getRemoteAvailability(remote) {
if (!remote?.online) return { blocked: true, label: 'Offline', overlay: 'This server is offline', tone: 'red' }; if (!remote?.online) return { blocked: true, label: 'Offline', overlay: 'This server is offline', tone: 'red' };
if (mode === 'lockdown') return { blocked: true, label: 'Lockdown', overlay: 'This server is in lockdown', tone: 'red' }; if (mode === 'lockdown') return { blocked: true, label: 'Lockdown', overlay: 'This server is in lockdown', tone: 'red' };
if (mode === 'admin') return { blocked: true, label: 'Admin only', overlay: 'This server is admin only', tone: 'red' }; if (mode === 'admin') return { blocked: true, label: 'Admin only', overlay: 'This server is admin only', tone: 'red' };
if (mode === 'turns') return { blocked: false, label: 'Turns', tone: 'emerald' }; if (mode === 'turns') return { blocked: false, label: 'Turns mode (open)', tone: 'emerald' };
if (mode === 'open') return { blocked: false, label: 'Open', tone: 'emerald' }; if (mode === 'open') return { blocked: false, label: 'Open mode', tone: 'emerald' };
return { blocked: false, label: mode, tone: 'slate' }; return { blocked: false, label: mode, tone: 'slate' };
} }
@@ -72,7 +72,6 @@ function InstancePanel({ remote, children = null }) {
const features = featureEntries(instance.features); const features = featureEntries(instance.features);
const color = instance.color || '#64748b'; const color = instance.color || '#64748b';
const online = Boolean(remote?.online); const online = Boolean(remote?.online);
const publicUrl = instance.publicUrl || remote?.url || '';
return ( return (
<CardFrame <CardFrame
title={instance.name || remote.url || 'External server'} title={instance.name || remote.url || 'External server'}
@@ -89,16 +88,10 @@ function InstancePanel({ remote, children = null }) {
quiet metadata because it is useful detail, not the primary decision. quiet metadata because it is useful detail, not the primary decision.
*/} */}
<div className="flex flex-wrap items-center justify-center gap-1 text-center"> <div className="flex flex-wrap items-center justify-center gap-1 text-center">
<InstanceStatus remote={remote} />
{online && instance.description ? <p className="min-w-0 text-slate-200">{instance.description}</p> : null} {online && instance.description ? <p className="min-w-0 text-slate-200">{instance.description}</p> : null}
</div> </div>
<div className="flex flex-wrap items-center justify-center gap-1 text-center">
<div className="flex min-w-0 flex-col items-center justify-center gap-0.5 sm:flex-row sm:gap-2"> <InstanceStatus remote={remote} />
{publicUrl ? (
<span className="max-w-full truncate text-slate-400" title={publicUrl}>
{publicUrl}
</span>
) : null}
<button type="button" className="button-dark" onClick={() => openExternalRoverWithPrompt(remote, '')}> <button type="button" className="button-dark" onClick={() => openExternalRoverWithPrompt(remote, '')}>
Visit server Visit server
</button> </button>