this is a big slop that might backfire lol... new config system and UI!

This commit is contained in:
legop3
2026-09-14 02:31:12 -04:00
parent 17b1404157
commit bfdb6555d8
108 changed files with 3212 additions and 701 deletions
+53
View File
@@ -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;
}
}