mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-12-05 10:18:38 +09:00
Code

[Client:Desktop] White header

Browse Source
This commit is contained in:
syuilo 2017-04-15 22:19:15 +09:00
parent 7109ea8c67
commit da22155a98
6 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/web/app/desktop/tags/ui-header-account.tag
View File

@ -35,7 +35,7 @@
display block
margin 0
padding 0
color #dbe2e0
color #9eaba8
border none
background transparent
cursor pointer
@ -45,11 +45,14 @@
&:hover
&[data-active='true']
color #fff
color darken(#9eaba8, 20%)
> .avatar
filter saturate(150%)
&:active
color darken(#9eaba8, 30%)
> .username
display block
float left

2
src/web/app/desktop/tags/ui-header-clock.tag
View File

@ -43,7 +43,7 @@
display table-cell
vertical-align middle
height 48px
color #dbe2e0
color #9eaba8
> .yyyymmdd
opacity 0.7

4
src/web/app/desktop/tags/ui-header-nav.tag
View File

@ -53,7 +53,7 @@
padding 0 24px
font-size 13px
font-variant small-caps
color #dbe2e0
color #9eaba8
text-decoration none
transition none
cursor pointer
@ -62,7 +62,7 @@
pointer-events none
&:hover
color #fff
color darken(#9eaba8, 20%)
text-decoration none
> i:first-child

7
src/web/app/desktop/tags/ui-header-notifications.tag
View File

@ -13,7 +13,7 @@
margin 0
padding 0
width 32px
color #dbe2e0
color #9eaba8
border none
background transparent
cursor pointer
@ -23,7 +23,10 @@
&:hover
&[data-active='true']
color #fff
color darken(#9eaba8, 20%)
&:active
color darken(#9eaba8, 30%)
> i
font-size 1.2em

1
src/web/app/desktop/tags/ui-header-search.tag
View File

@ -26,7 +26,6 @@
border-radius 0
transition color 0.5s ease, border 0.5s ease
font-family FontAwesome, sans-serif
color #fff
&::-webkit-input-placeholder
color #9eaba8

4
src/web/app/desktop/tags/ui-header.tag
View File

@ -38,14 +38,14 @@
height 48px
backdrop-filter blur(12px)
//background-color rgba(255, 255, 255, 0.75)
background #313a40
background #fff
&:after
content ""
display block
width 100%
height 48px
background-image url(/assets/desktop/header-logo-white.svg)
background-image url(/assets/desktop/header-logo.svg)
background-size 46px
background-position center
background-repeat no-repeat