mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 09:31:20 -04:00
this is a big slop that might backfire lol... new config system and UI!
This commit is contained in:
@@ -66,4 +66,57 @@ 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;
|
||||
}
|
||||
|
||||
.configuration-schema-form input:not([type='checkbox']),
|
||||
.configuration-schema-form select,
|
||||
.configuration-schema-form textarea {
|
||||
@apply w-full rounded-md border border-neutral-600 bg-neutral-700 px-0.5 py-0.5 text-white placeholder:text-slate-400 focus:outline-none focus:ring-1 focus:ring-sky-500;
|
||||
}
|
||||
|
||||
.configuration-schema-form input[type='checkbox'] {
|
||||
@apply mr-0.5 h-4 w-4 accent-sky-500;
|
||||
}
|
||||
|
||||
.configuration-schema-form .field-description,
|
||||
.configuration-schema-form .help-block {
|
||||
@apply mt-0.5 block text-[0.7rem] text-slate-500;
|
||||
}
|
||||
|
||||
.configuration-schema-form .error-detail {
|
||||
@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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user