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 | } |