Improve form fields with errors for model updates

2023-05-25 16:53:16 +02:00
parent 9048052318
commit 61f12c2741
3 changed files with 14 additions and 8 deletions
--- a/app/assets/stylesheets/components/forms.css
+++ b/app/assets/stylesheets/components/forms.css
@@ -6,12 +6,13 @@
           focus:ring-blue-600 focus:ring-opacity-75;
  }

-  .field_with_errors {
-    @apply inline-block;
+  input[type=text]:disabled,
+  input[type=email]:disabled {
+    @apply text-gray-700;
  }

-  .field_with_errors input {
-    @apply w-full bg-red-100;
+  input.field_with_errors {
+    @apply border-b-red-600;
  }

  .error-msg {