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

config uislopping

Browse Source
This commit is contained in:
legop3
2026-09-14 03:06:41 -04:00
parent 81994f8a56
commit 3d2e75572f
16 changed files with 243 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/src/index.css
+13 -34
View File
@@ -66,36 +66,9 @@ body::-webkit-scrollbar,
@apply px-0.5 py-0.5 text-sm font-medium text-white transition-colors bg-rose-600 hover:bg-rose-500 rounded-md;
}
/*
The configuration editor is generated by one JSON Schema renderer. These
rules style its standard semantic HTML once; individual services never
need React components or UI-specific class names for their settings.
*/
.configuration-schema-form form > fieldset {
@apply space-y-0.5 border-0 p-0;
}
.configuration-schema-form fieldset fieldset {
@apply my-0.5 space-y-0.5 border-l-2 border-sky-800/70 bg-neutral-900/70 py-0.5 pl-1 pr-0.5;
}
.configuration-schema-form legend,
.configuration-schema-form h1,
.configuration-schema-form h2,
.configuration-schema-form h3,
.configuration-schema-form h4,
.configuration-schema-form h5 {
@apply mb-0.5 font-mono text-sm font-semibold text-sky-300;
}
.configuration-schema-form .form-group {
@apply mb-0.5;
}
.configuration-schema-form label {
@apply mb-0.5 block text-xs font-semibold text-slate-200;
}
/* RJSF still owns values, validation, and schema traversal, while the
generic React templates own layout. Only native form-control appearance
remains here, shared uniformly by every present and future setting. */
.configuration-schema-form input:not([type='checkbox']),
.configuration-schema-form select,
.configuration-schema-form textarea {
@@ -103,7 +76,11 @@ body::-webkit-scrollbar,
}
.configuration-schema-form input[type='checkbox'] {
@apply mr-0.5 h-4 w-4 accent-sky-500;
@apply mr-0.5 h-4 w-4 align-middle accent-sky-500;
}
.configuration-schema-form .checkbox label {
@apply flex cursor-pointer items-center gap-0.5 text-sm font-semibold text-slate-100;
}
.configuration-schema-form .field-description,
@@ -115,8 +92,10 @@ body::-webkit-scrollbar,
@apply mt-0.5 text-xs text-red-300;
}
.configuration-schema-form button:not(.button-dark):not(.button-danger) {
@apply mx-0.5 rounded-md border border-sky-300 bg-sky-600 px-0.5 py-0.5 text-xs font-medium text-white transition-colors hover:border-sky-500 hover:bg-sky-500;
/* Container fields need the complete row in responsive property grids.
Primitive fields remain free to share columns where their parent has room. */
.configuration-property-grid > .field-object,
.configuration-property-grid > .field-array {
@apply col-span-full;
}
}