amechama/sharkey
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Darken

Browse Source 
Co-Authored-By: tamaina <tamaina@hotmail.co.jp>
This commit is contained in:
syuilo 2018-07-15 01:49:36 +09:00
parent eebc1af672
commit 0a4b652493
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/client/app/desktop/views/components/ui.header.search.vue
View File

@ -29,9 +29,7 @@ export default Vue.extend({
<style lang="stylus" scoped> <style lang="stylus" scoped>
@import '~const.styl' @import '~const.styl'
root(isDark)
.search
> [data-fa] > [data-fa]
display block display block
position absolute position absolute
@ -60,15 +58,20 @@ export default Vue.extend({
border none border none
border-radius 16px border-radius 16px
transition color 0.5s ease, border 0.5s ease transition color 0.5s ease, border 0.5s ease
font-family FontAwesome, sans-serif color isDark ? #fff : #000
&::placeholder &::placeholder
color #9eaba8 color #9eaba8
&:hover &:hover
background rgba(#000, 0.08) background isDark ? rgba(#fff, 0.04) : rgba(#000, 0.08)
&:focus &:focus
box-shadow 0 0 0 2px rgba($theme-color, 0.5) !important box-shadow 0 0 0 2px rgba($theme-color, 0.5) !important
.search[data-darkmode]
root(true)
.search:not([data-darkmode])
root(false)
</style> </style>