e2net/iceshrimp-legacy
2
0
Fork 0
Code Issues Pull requests Packages Projects Releases Activity

[wip] dark mode

Browse source
This commit is contained in:
syuilo 2018-04-01 15:58:32 +09:00
parent cbe544a97b
commit b42a915172
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/client/app/desktop/views/components/ui.header.vue
View file

@ -95,7 +95,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.header root(isDark)
position -webkit-sticky position -webkit-sticky
position sticky position sticky
top 0 top 0
@ -112,7 +112,7 @@ export default Vue.extend({
z-index 1000 z-index 1000
width 100% width 100%
height 48px height 48px
background #f7f7f7 background isDark ? #313543 : #f7f7f7
> .main > .main
z-index 1001 z-index 1001
@ -169,4 +169,10 @@ export default Vue.extend({
> .mk-ui-header-search > .mk-ui-header-search
display none display none
.header[data-is-darkmode]
root(true)
.header
root(false)
</style> </style>