Lots of less customization when creating and editing forms

This commit is contained in:
2023-10-20 11:38:29 -07:00
parent e3443a3dd8
commit c0db7eb763
7 changed files with 318 additions and 91 deletions

View File

@@ -2571,6 +2571,32 @@ input:checked + .toggle-bg {
--tw-ring-color: rgb(0 156 234 / var(--tw-ring-opacity)) !important;
}
.group.has-error .choices__inner {
--tw-border-opacity: 1 !important;
border-color: rgb(255 3 3 / var(--tw-border-opacity)) !important;
--tw-bg-opacity: 1 !important;
background-color: rgb(255 230 230 / var(--tw-bg-opacity)) !important;
--tw-text-opacity: 1 !important;
color: rgb(51 1 1 / var(--tw-text-opacity)) !important;
}
.group.has-error .choices__inner::-moz-placeholder {
--tw-placeholder-opacity: 1 !important;
color: rgb(153 2 2 / var(--tw-placeholder-opacity)) !important;
}
.group.has-error .choices__inner::placeholder {
--tw-placeholder-opacity: 1 !important;
color: rgb(153 2 2 / var(--tw-placeholder-opacity)) !important;
}
.group.has-error .choices__inner:focus {
--tw-border-opacity: 1 !important;
border-color: rgb(255 3 3 / var(--tw-border-opacity)) !important;
--tw-ring-opacity: 1 !important;
--tw-ring-color: rgb(255 3 3 / var(--tw-ring-opacity)) !important;
}
:is(.dark .choices__inner) {
--tw-border-opacity: 1 !important;
border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important;
@@ -2597,6 +2623,25 @@ input:checked + .toggle-bg {
--tw-ring-color: rgb(0 156 234 / var(--tw-ring-opacity)) !important;
}
.group.has-error :is(.dark .choices__inner) {
--tw-border-opacity: 1 !important;
border-color: rgb(255 3 3 / var(--tw-border-opacity)) !important;
--tw-bg-opacity: 1 !important;
background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
--tw-text-opacity: 1 !important;
color: rgb(255 3 3 / var(--tw-text-opacity)) !important;
}
.group.has-error :is(.dark .choices__inner)::-moz-placeholder {
--tw-placeholder-opacity: 1 !important;
color: rgb(255 3 3 / var(--tw-placeholder-opacity)) !important;
}
.group.has-error :is(.dark .choices__inner)::placeholder {
--tw-placeholder-opacity: 1 !important;
color: rgb(255 3 3 / var(--tw-placeholder-opacity)) !important;
}
.choices:focus-within .choices__inner {
--tw-border-opacity: 1 !important;
border-color: rgb(0 156 234 / var(--tw-border-opacity)) !important;
@@ -2945,6 +2990,41 @@ input:checked + .toggle-bg {
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.group.has-error .group-\[\.has-error\]\:border-red-500 {
--tw-border-opacity: 1;
border-color: rgb(255 3 3 / var(--tw-border-opacity));
}
.group.has-error .group-\[\.has-error\]\:bg-red-50 {
--tw-bg-opacity: 1;
background-color: rgb(255 230 230 / var(--tw-bg-opacity));
}
.group.has-error .group-\[\.has-error\]\:text-red-900 {
--tw-text-opacity: 1;
color: rgb(51 1 1 / var(--tw-text-opacity));
}
.group.has-error .group-\[\.has-error\]\:placeholder-red-700::-moz-placeholder {
--tw-placeholder-opacity: 1;
color: rgb(153 2 2 / var(--tw-placeholder-opacity));
}
.group.has-error .group-\[\.has-error\]\:placeholder-red-700::placeholder {
--tw-placeholder-opacity: 1;
color: rgb(153 2 2 / var(--tw-placeholder-opacity));
}
.group.has-error .group-\[\.has-error\]\:focus\:border-red-500:focus {
--tw-border-opacity: 1;
border-color: rgb(255 3 3 / var(--tw-border-opacity));
}
.group.has-error .group-\[\.has-error\]\:focus\:ring-red-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(255 3 3 / var(--tw-ring-opacity));
}
:is(.dark .dark\:block) {
display: block;
}
@@ -3125,6 +3205,11 @@ input:checked + .toggle-bg {
color: rgb(255 53 53 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-red-500) {
--tw-text-opacity: 1;
color: rgb(255 3 3 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-white) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -3135,11 +3220,6 @@ input:checked + .toggle-bg {
color: rgb(250 202 21 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-red-500) {
--tw-text-opacity: 1;
color: rgb(255 3 3 / var(--tw-text-opacity));
}
:is(.dark .dark\:placeholder-gray-400)::-moz-placeholder {
--tw-placeholder-opacity: 1;
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
@@ -3282,6 +3362,31 @@ input:checked + .toggle-bg {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group.has-error :is(.dark .group-\[\.has-error\]\:dark\:border-red-500) {
--tw-border-opacity: 1;
border-color: rgb(255 3 3 / var(--tw-border-opacity));
}
.group.has-error :is(.dark .group-\[\.has-error\]\:dark\:bg-gray-700) {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.group.has-error :is(.dark .group-\[\.has-error\]\:dark\:text-red-500) {
--tw-text-opacity: 1;
color: rgb(255 3 3 / var(--tw-text-opacity));
}
.group.has-error :is(.dark .group-\[\.has-error\]\:dark\:placeholder-red-500)::-moz-placeholder {
--tw-placeholder-opacity: 1;
color: rgb(255 3 3 / var(--tw-placeholder-opacity));
}
.group.has-error :is(.dark .group-\[\.has-error\]\:dark\:placeholder-red-500)::placeholder {
--tw-placeholder-opacity: 1;
color: rgb(255 3 3 / var(--tw-placeholder-opacity));
}
@media (min-width: 640px) {
.sm\:block {
display: block;