refactor: reorganize code

1 files changed, 16 insertions, 7 deletions

diff --git a/src/components/shared/TextFitler.module.scss b/src/components/shared/TextFitler.module.scss
index bd437b6..3977aad 100644
--- a/src/components/shared/TextFitler.module.scss
+++ b/src/components/shared/TextFitler.module.scss
@@ -1,19 +1,28 @@
 .input {
   -webkit-appearance: none;
+  appearance: none;
   background-color: var(--color-input-bg);
   background-image: none;
   border-radius: 8px;
-  border: 1px solid var(--color-input-border);
+  border: 1px solid transparent;
   box-sizing: border-box;
-  color: var(--color-text-secondary);
+  color: var(--color-text);
   display: inline-block;
-  font-size: inherit;
+  font-size: 0.95em;
   outline: none;
-  padding: 8px 15px;
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  padding: 0 16px;
+  transition: all 0.2s ease;
   width: 100%;
-  height: 36px;
+  height: 40px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
+
+  &::placeholder {
+    color: var(--color-text-secondary);
+    opacity: 0.6;
+  }
+
   &:focus {
-    border: 1px solid var(--color-focus-blue);
+    border-color: var(--color-focus-blue);
+    box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.15);
   }
 }