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

adjust some styling. move the session snapshot to admin settings

Browse Source
This commit is contained in:
legop3
2025-11-20 18:31:28 -05:00
parent ac22aa3f84
commit aa048d7bdc
8 changed files with 43 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-JjoB2amU.js → server/public/assets/index-CzaSKh_t.js
+5 -5
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-DIvshFK3.css
+1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-q-OzpN6g.css
-1
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+2 -2
View File
@@ -5,8 +5,8 @@
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>webui</title>
<script type="module" crossorigin src="/assets/index-JjoB2amU.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-q-OzpN6g.css">
<script type="module" crossorigin src="/assets/index-CzaSKh_t.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DIvshFK3.css">
</head>
<body>
<div id="root"></div>
webui/package.json
+1 -1
View File
@@ -4,7 +4,7 @@
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "VITE_ROVERD_URL=http://192.168.0.86:8080 vite",
"dev": "VITE_ROVERD_URL=https://rover.otter.land vite",
"build": "vite build",
"lint": "eslint .",
"preview": "vite preview"
webui/src/App.jsx
+13 -11
View File
@@ -49,16 +49,15 @@ function useLayoutMode() {
function DesktopLayout({ layout }) {
return (
<div className="flex flex-col gap-0.5">
<section className="grid grid-cols-[minmax(0,1.8fr)_minmax(0,1fr)] gap-0.5">
<div className="flex h-full gap-0.5 overflow-hidden">
<div className="flex min-w-0 flex-[1.8] flex-col gap-0.5 overflow-y-auto pr-0.5">
<DriverVideoPanel />
<RightPaneTabs layout={layout} />
</section>
<section className="grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] gap-0.5">
{/* <AdminPanel /> */}
<LogPanel />
<SessionSnapshot />
</section>
</div>
<div className="flex min-w-0 flex-1 flex-col gap-0.5 overflow-y-auto">
<RightPaneTabs layout={layout} />
{/* <SessionSnapshot /> */}
</div>
</div>
);
}
@@ -106,20 +105,23 @@ function MobileLandscapeLayout() {
function App() {
const layout = useLayoutMode();
const isDesktop = layout === 'desktop';
const renderedLayout =
layout === 'desktop'
isDesktop
? <DesktopLayout layout={layout} />
: layout === 'mobile-landscape'
? <MobileLandscapeLayout />
: <MobilePortraitLayout />;
return (
<div className="min-h-screen bg-black text-slate-100">
<div className={`bg-black text-slate-100 ${isDesktop ? 'h-screen overflow-hidden' : 'min-h-screen'}`}>
<SettingsProvider>
<ControlSystemProvider>
<KeyboardInputManager />
<GamepadInputManager />
<main className="flex w-full flex-col gap-0.5 text-base">{renderedLayout}</main>
<main className={`flex w-full flex-col gap-0.5 text-base ${isDesktop ? 'h-full overflow-hidden' : ''}`}>
{renderedLayout}
</main>
<AlertFeed />
<ModeGateOverlay />
</ControlSystemProvider>
webui/src/components/SettingsPanel.jsx
+2
View File
@@ -5,6 +5,7 @@ import AdminPanel from './AdminPanel.jsx';
import KeymapSettings from './KeymapSettings.jsx';
import GamepadMappingSettings from './GamepadMappingSettings.jsx';
import Tabs, { Tab, TabList, TabPanel, TabPanels } from './Tabs.jsx';
import SessionSnapshot from './SessionSnapshot.jsx';
const manualTabs = [
{ key: 'start', label: 'Start OI' },
@@ -88,6 +89,7 @@ export default function SettingsPanel() {
</section>
<AuthPanel />
<AdminPanel />
<SessionSnapshot />
</div>
</TabPanel>
</TabPanels>
webui/src/index.css
+19
View File
@@ -14,6 +14,25 @@ body {
@apply bg-black text-slate-100;
}
* {
scrollbar-width: thin;
scrollbar-color: #3b82f6 rgba(255, 255, 255, 0.08);
}
*::-webkit-scrollbar {
width: 1px;
height: 1px;
}
*::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.08);
}
*::-webkit-scrollbar-thumb {
background-color: #3b82f6;
border-radius: 9999px;
}
@layer components {
.panel {
@apply bg-black text-white p-0.5;