From 98691dcdd41222284e0a7065a3f95fd7dab99f1d Mon Sep 17 00:00:00 2001 From: Peter Papp Date: Mon, 9 Aug 2021 10:15:30 +0200 Subject: [PATCH] desktop searchbar restyle --- public/mix-manifest.json | 17 ++++++++++++-- .../js/components/FilesView/SearchBar.vue | 22 ++++++++----------- 2 files changed, 24 insertions(+), 15 deletions(-) diff --git a/public/mix-manifest.json b/public/mix-manifest.json index 53bede56..3f72c724 100644 --- a/public/mix-manifest.json +++ b/public/mix-manifest.json @@ -40,7 +40,7 @@ "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js?id=8538e13936f8d075890e", "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js?id=0de0b81edf0bb5d4617d", "/chunks/files~chunks/settings-subscription~chunks/shared/file-browser~chunks/user-subscription.js": "/chunks/files~chunks/settings-subscription~chunks/shared/file-browser~chunks/user-subscription.js?id=c5ec9502bcfad35c502e", - "/chunks/files~chunks/shared/file-browser.js": "/chunks/files~chunks/shared/file-browser.js?id=e7581d951fec719001cc", + "/chunks/files~chunks/shared/file-browser.js": "/chunks/files~chunks/shared/file-browser.js?id=9327a14402777682f290", "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.js?id=ad09e3f973e4db0411f1", "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=8871529af0da8193d3a3", "/chunks/homepage.js": "/chunks/homepage.js?id=d29b9f09d08d673dff75", @@ -345,5 +345,18 @@ "/chunks/files~chunks/shared/file-browser.5463b09814fa47647937.hot-update.js": "/chunks/files~chunks/shared/file-browser.5463b09814fa47647937.hot-update.js", "/chunks/admin~chunks/platform~chunks/shared.b609f3a323cc10e3615b.hot-update.js": "/chunks/admin~chunks/platform~chunks/shared.b609f3a323cc10e3615b.hot-update.js", "/chunks/admin~chunks/platform~chunks/shared.66e7b632dc217095e64e.hot-update.js": "/chunks/admin~chunks/platform~chunks/shared.66e7b632dc217095e64e.hot-update.js", - "/chunks/platform.af9396dee36df1d09ace.hot-update.js": "/chunks/platform.af9396dee36df1d09ace.hot-update.js" + "/chunks/platform.af9396dee36df1d09ace.hot-update.js": "/chunks/platform.af9396dee36df1d09ace.hot-update.js", + "/chunks/files~chunks/shared/file-browser.34dd77f067fb0694a09a.hot-update.js": "/chunks/files~chunks/shared/file-browser.34dd77f067fb0694a09a.hot-update.js", + "/chunks/files~chunks/shared/file-browser.7a334d2878117e29302a.hot-update.js": "/chunks/files~chunks/shared/file-browser.7a334d2878117e29302a.hot-update.js", + "/chunks/files~chunks/shared/file-browser.7246823a7af63eb8079f.hot-update.js": "/chunks/files~chunks/shared/file-browser.7246823a7af63eb8079f.hot-update.js", + "/chunks/files~chunks/shared/file-browser.fe00258f02c5577b2c54.hot-update.js": "/chunks/files~chunks/shared/file-browser.fe00258f02c5577b2c54.hot-update.js", + "/chunks/files~chunks/shared/file-browser.9026ca1cdf059fd9ab76.hot-update.js": "/chunks/files~chunks/shared/file-browser.9026ca1cdf059fd9ab76.hot-update.js", + "/chunks/files~chunks/shared/file-browser.36509d2f4969fdbbfa56.hot-update.js": "/chunks/files~chunks/shared/file-browser.36509d2f4969fdbbfa56.hot-update.js", + "/chunks/files~chunks/shared/file-browser.b19d67912af116b1dc12.hot-update.js": "/chunks/files~chunks/shared/file-browser.b19d67912af116b1dc12.hot-update.js", + "/chunks/files~chunks/shared/file-browser.8c46a5ee4b7036600622.hot-update.js": "/chunks/files~chunks/shared/file-browser.8c46a5ee4b7036600622.hot-update.js", + "/chunks/files~chunks/shared/file-browser.f065fe5bcacd2d06b8f5.hot-update.js": "/chunks/files~chunks/shared/file-browser.f065fe5bcacd2d06b8f5.hot-update.js", + "/chunks/files~chunks/shared/file-browser.c10ced953fa7ae11a694.hot-update.js": "/chunks/files~chunks/shared/file-browser.c10ced953fa7ae11a694.hot-update.js", + "/chunks/files~chunks/shared/file-browser.2f1ec8dc1135662ce4df.hot-update.js": "/chunks/files~chunks/shared/file-browser.2f1ec8dc1135662ce4df.hot-update.js", + "/chunks/files~chunks/shared/file-browser.e8b5b95d12d40d8cca36.hot-update.js": "/chunks/files~chunks/shared/file-browser.e8b5b95d12d40d8cca36.hot-update.js", + "/chunks/files~chunks/shared/file-browser.9880fced41f59fa35a2e.hot-update.js": "/chunks/files~chunks/shared/file-browser.9880fced41f59fa35a2e.hot-update.js" } diff --git a/resources/js/components/FilesView/SearchBar.vue b/resources/js/components/FilesView/SearchBar.vue index 7f96fb2c..6f102393 100644 --- a/resources/js/components/FilesView/SearchBar.vue +++ b/resources/js/components/FilesView/SearchBar.vue @@ -57,6 +57,8 @@ .search-bar { position: relative; + background: $light_background; + border-radius: 8px; input { background: transparent; @@ -65,26 +67,16 @@ padding: 9px 20px 9px 43px; font-weight: 400; @include font-size(16); - min-width: 175px; + min-width: 300px; transition: 0.15s all ease; border: 1px solid white; -webkit-appearance: none; &::placeholder { - color: $text; - @include font-size(14); + color: #B9B9B9; + @include font-size(13); font-weight: 500; } - - &:focus { - //box-shadow: 0 0 7px rgba($theme, 0.3); - } - - &:focus + .icon { - path { - fill: $theme; - } - } } .icon { @@ -96,6 +88,10 @@ .pointer { cursor: pointer; } + + circle, line { + stroke: #B9B9B9; + } } }