WIP: Adds a modal form view and integrates into current forms.

This commit is contained in:
2026-01-02 08:27:31 -05:00
parent 8fe650e142
commit 54847d0b34
8 changed files with 106 additions and 66 deletions

View File

@@ -4,18 +4,20 @@ import ManualDCore
import Styleguide
struct EffectiveLengthForm: HTML, Sendable {
let dismiss: Bool
var body: some HTML {
div(
.id("effectiveLengthForm"),
.class(
"""
fixed top-40 left-[25vw] w-1/2 z-50 text-gray-800
bg-gray-200 border border-gray-400
rounded-lg shadow-lg mx-10
"""
)
) {
// div(
// .id("effectiveLengthForm"),
// .class(
// """
// fixed top-40 left-[25vw] w-1/2 z-50 text-gray-800
// bg-gray-200 border border-gray-400
// rounded-lg shadow-lg mx-10
// """
// )
// ) {
ModalForm(id: "effectiveLengthForm", dismiss: dismiss) {
h1(.class("text-2xl font-bold")) { "Effective Length" }
form(.class("space-y-4 p-4")) {
div {
@@ -25,7 +27,6 @@ struct EffectiveLengthForm: HTML, Sendable {
}
div {
label(.for("type")) { "Type" }
// FIX: Add select field.
select(
.id("type"), .name("type"),
.class("w-full border rounded-md")