diff options
| author |  Stefan Malzner <stefan@adlk.io> | 2018-01-03 15:22:05 +0100 |
|---|---|---|
| committer | Stefan Malzner <stefan@adlk.io> | 2018-01-03 15:22:05 +0100 |
| commit | 7e784c699554dd85be3e9e219c59578995cadd38 (patch) | |
| tree | 3f377e368e4d797f0bf1d832f524c11431245877 /src/styles/searchInput.scss | |
| parent | Merge pull request #506 from meetfranz/feature/reactivate-franz (diff) | |
| download | ferdium-app-7e784c699554dd85be3e9e219c59578995cadd38.tar.gz ferdium-app-7e784c699554dd85be3e9e219c59578995cadd38.tar.zst ferdium-app-7e784c699554dd85be3e9e219c59578995cadd38.zip | |
feat(Services): Improve user experience of service search
Diffstat (limited to 'src/styles/searchInput.scss')
| -rw-r--r-- | src/styles/searchInput.scss | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/src/styles/searchInput.scss b/src/styles/searchInput.scss index 28ff09fc4..633a31e09 100644 --- a/src/styles/searchInput.scss +++ b/src/styles/searchInput.scss | |||
| @@ -1,4 +1,20 @@ | |||
| 1 | .search-input { | 1 | .search-input { |
| 2 | width: 100%; | 2 | width: 100%; |
| 3 | height: auto; | 3 | height: auto; |
| 4 | display: flex; | ||
| 5 | align-items: center; | ||
| 6 | padding: 0 10px; | ||
| 7 | border-radius: 30px; | ||
| 8 | background: $theme-gray-lightest; | ||
| 9 | padding: 5px 10px; | ||
| 10 | @extend %headline; | ||
| 11 | color: $theme-gray-light; | ||
| 12 | |||
| 13 | input { | ||
| 14 | padding-left: 10px; | ||
| 15 | background: none; | ||
| 16 | border: 0; | ||
| 17 | flex: 1; | ||
| 18 | color: $theme-gray-light; | ||
| 19 | } | ||
| 4 | } | 20 | } |