52fb77d4f8
- select_helpers.go: 9 helper functions verbatim from go-backend - select.templ: SelectProps/SelectOption structs, inline JS with __uiSelectInitAll and htmx:afterSwap re-init listener (Pitfall 6) - select.css: .ui-select-control (min-height 44px), .ui-select-menu (max-height 16rem) - form_field.templ: FormFieldProps with Label/For/Field/Error/Hint; conditional regions - form-field.css: .ui-form-field/.ui-form-label/.ui-form-hint/.ui-form-error - tailwind.input.css: add @import for select.css and form-field.css - All 6 TestSelect/TestFormField tests passing; full go test ./... is green
22 lines
342 B
CSS
22 lines
342 B
CSS
.ui-form-field {
|
|
display: grid;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.ui-form-label {
|
|
color: var(--color-text-primary);
|
|
font-size: 0.95rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.ui-form-hint {
|
|
color: var(--color-text-muted);
|
|
font-size: 0.875rem;
|
|
margin: 0;
|
|
}
|
|
|
|
.ui-form-error {
|
|
color: var(--color-status-danger-foreground);
|
|
font-size: 0.875rem;
|
|
margin: 0;
|
|
}
|