a full workflow using htmx is finished.

Still needs lots of polish, but it works now.
This commit is contained in:
Chris Cochrun 2024-04-25 06:36:38 -05:00
parent ba1fdd967e
commit d653ccdf9f
4 changed files with 506 additions and 460 deletions

View file

@ -2048,6 +2048,10 @@ select {
height: 1000px;
}
.h-0 {
height: 0px;
}
.max-h-\[5rem\] {
max-height: 5rem;
}
@ -2455,16 +2459,16 @@ select {
background-color: rgba(var(--color-neutral-500), var(--tw-bg-opacity));
}
.bg-primary-700 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity));
}
.bg-\[\#ef4444\] {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-primary-700 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity));
}
.bg-primary-600 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
@ -2626,6 +2630,10 @@ select {
padding: 1.5rem;
}
.p-8 {
padding: 2rem;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
@ -4731,6 +4739,11 @@ pre {
color: rgb(255 51 153 / var(--tw-text-opacity));
}
.invalid\:text-\[\#f39\]:invalid {
--tw-text-opacity: 1;
color: rgb(255 51 153 / var(--tw-text-opacity));
}
.invalid\:ring-\[\#f39\]:invalid {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(255 51 153 / var(--tw-ring-opacity));
@ -4955,6 +4968,90 @@ pre {
opacity: 1;
}
.peer:invalid ~ .peer-invalid\:visible {
visibility: visible;
}
.peer:invalid ~ .peer-invalid\:mt-10 {
margin-top: 2.5rem;
}
.peer:invalid ~ .peer-invalid\:mb-10 {
margin-bottom: 2.5rem;
}
.peer:invalid ~ .peer-invalid\:mb-16 {
margin-bottom: 4rem;
}
.peer:invalid ~ .peer-invalid\:mb-24 {
margin-bottom: 6rem;
}
.peer:invalid ~ .peer-invalid\:mb-32 {
margin-bottom: 8rem;
}
.peer:invalid ~ .peer-invalid\:h-8 {
height: 2rem;
}
.peer:invalid ~ .peer-invalid\:h-24 {
height: 6rem;
}
.peer:invalid ~ .peer-invalid\:h-32 {
height: 8rem;
}
.peer:invalid ~ .peer-invalid\:h-2 {
height: 0.5rem;
}
.peer:invalid ~ .peer-invalid\:basis-full {
flex-basis: 100%;
}
.peer:invalid ~ .peer-invalid\:p-8 {
padding: 2rem;
}
.peer:invalid ~ .peer-invalid\:p-2 {
padding: 0.5rem;
}
.peer:empty ~ .peer-empty\:visible {
visibility: visible;
}
.peer:empty ~ .peer-empty\:invisible {
visibility: hidden;
}
.peer:empty ~ .peer-empty\:mb-0 {
margin-bottom: 0px;
}
.peer:empty ~ .peer-empty\:h-0 {
height: 0px;
}
.peer:focus ~ .peer-focus\:visible {
visibility: visible;
}
.peer:invalid:focus ~ .peer-invalid\:peer-focus\:visible {
visibility: visible;
}
.peer:focus:invalid ~ .peer-focus\:peer-invalid\:visible {
visibility: visible;
}
.peer:invalid:focus ~ .peer-invalid\:peer-focus\:p-2 {
padding: 0.5rem;
}
[dir="ltr"] .ltr\:right-0 {
right: 0px;
}