1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 09:46:22 +00:00

Fix switch button layout

This commit is contained in:
Kazu Yokomizo
2017-12-20 18:50:53 +09:00
parent b4b6d3d07c
commit 7ccc5eb9b8
5 changed files with 75 additions and 5 deletions

View File

@@ -39,7 +39,7 @@
display flex
align-items center
div
width 100px
width 40px
height 100%
background-color #f9f9f9
display flex
@@ -73,7 +73,27 @@ body[data-theme="dark"]
.control-fullScreenButton
topBarButtonDark()
.mode-tab
border 1px solid #444444
div
background-color $ui-dark-noteDetail-backgroundColor
&:first-child
border-right 1px solid #444444
.active
background-color #3A404C
box-shadow 2px 0px 7px #444444
body[data-theme="solarized-dark"]
.root
border-left 1px solid $ui-solarized-dark-borderColor
background-color $ui-solarized-dark-noteDetail-backgroundColor
background-color $ui-solarized-dark-noteDetail-backgroundColor
.mode-tab
border 1px solid #586E75
div
background-color $ui-solarized-dark-noteDetail-backgroundColor
&:first-child
border-right 1px solid #586E75
.active
background-color #002B36
box-shadow 2px 0px 7px #222222