WIP: Adds a modal form view and integrates into current forms.
This commit is contained in:
@@ -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")
|
||||
|
||||
Reference in New Issue
Block a user