Use placeholder-shown: for reduced opacity (#615)

maybe-finance · Apr 13, 2024 · 2bbf120 · 2bbf120
1 parent b812b6d
commit 2bbf120
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css
@@ -42,8 +42,9 @@
   }
 
   .form-field__input {
-    @apply p-3 w-full bg-transparent border-none opacity-50;
+    @apply p-3 w-full bg-transparent border-none opacity-100;
     @apply focus:outline-none focus:ring-0 focus:opacity-100;
+    @apply placeholder-shown:opacity-50;
   }
 
   .form-field__submit {