diff options
Diffstat (limited to 'src/components/shared/TextFilter.module.scss')
| -rw-r--r-- | src/components/shared/TextFilter.module.scss | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/src/components/shared/TextFilter.module.scss b/src/components/shared/TextFilter.module.scss new file mode 100644 index 0000000..3977aad --- /dev/null +++ b/src/components/shared/TextFilter.module.scss @@ -0,0 +1,28 @@ +.input { + -webkit-appearance: none; + appearance: none; + background-color: var(--color-input-bg); + background-image: none; + border-radius: 8px; + border: 1px solid transparent; + box-sizing: border-box; + color: var(--color-text); + display: inline-block; + font-size: 0.95em; + outline: none; + padding: 0 16px; + transition: all 0.2s ease; + width: 100%; + height: 40px; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); + + &::placeholder { + color: var(--color-text-secondary); + opacity: 0.6; + } + + &:focus { + border-color: var(--color-focus-blue); + box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.15); + } +} |