yume/yumechi-no-kuni
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

[Client] Dark header

Browse source
This commit is contained in:
syuilo 2017-03-22 14:13:03 +09:00
parent 57dc370a19
commit b1465e346a
7 changed files with 13 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
src/web/app/desktop/resources/header-logo-white.svg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 643 B

15
src/web/app/desktop/tags/ui-header-account.tag
View file

@ -28,7 +28,7 @@
display block display block
margin 0 margin 0
padding 0 padding 0
color #9eaba8 color #dbe2e0
border none border none
background transparent background transparent
cursor pointer cursor pointer
@ -37,20 +37,11 @@
pointer-events none pointer-events none
&:hover &:hover
color darken(#9eaba8, 20%)
&:active
color darken(#9eaba8, 30%)
&[data-active='true'] &[data-active='true']
color darken(#9eaba8, 20%) color #fff
> .avatar > .avatar
$saturate = 150% filter saturate(150%)
filter saturate($saturate)
-webkit-filter saturate($saturate)
-moz-filter saturate($saturate)
-ms-filter saturate($saturate)
> .username > .username
display block display block

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

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

6
src/web/app/desktop/tags/ui-header-nav.tag
View file

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

9
src/web/app/desktop/tags/ui-header-notifications.tag
View file

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

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

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

4
src/web/app/mobile/tags/ui-header.tag
View file

@ -20,7 +20,7 @@
box-shadow 0 1px 0 rgba(#000, 0.075) box-shadow 0 1px 0 rgba(#000, 0.075)
> .main > .main
color rgba(#000, 0.6) color rgba(#fff, 0.9)
> .backdrop > .backdrop
position absolute position absolute
@ -30,7 +30,7 @@
height $height height $height
-webkit-backdrop-filter blur(12px) -webkit-backdrop-filter blur(12px)
backdrop-filter blur(12px) backdrop-filter blur(12px)
background-color rgba(#fff, 0.75) background-color rgba(#313a40, 0.75)
> .content > .content
z-index 1024 z-index 1024