fix: input element inside wrapper with input class background color. closes #2846

2024-02-14 02:30:04 +03:00 · 2024-02-14 02:30:04 +03:00 · 938829dd20
parent 10323efab6
commit 938829dd20
1 changed files with 5 additions and 2 deletions
--- a/src/components/styled/input.css
+++ b/src/components/styled/input.css
@ -1,7 +1,10 @@
 .input {
  @apply bg-base-100 rounded-btn border border-transparent text-base;
-  input:focus {
-    @apply outline-none;
+  input {
+    @apply bg-primary bg-transparent;
+    &:focus {
+      @apply outline-none;
+    }
  }
  &[list]::-webkit-calendar-picker-indicator {
    line-height: 1em;