mirror of
https://github.com/BoostIo/Boostnote
synced 2026-05-13 19:11:42 +00:00
refactor Router & add User settings
This commit is contained in:
33
browser/styles/main/containers/UserSettingContainer.styl
Normal file
33
browser/styles/main/containers/UserSettingContainer.styl
Normal file
@@ -0,0 +1,33 @@
|
||||
.UserSettingContainer
|
||||
absolute top bottom right
|
||||
left 50px
|
||||
.UserSettingNavigation
|
||||
absolute top bottom left
|
||||
width 200px
|
||||
padding 15px
|
||||
box-sizing border-box
|
||||
border-right solid 1px borderColor
|
||||
.userName
|
||||
font-size 2.0em
|
||||
margin 10px 0
|
||||
color brandColor
|
||||
a
|
||||
display block
|
||||
color textColor
|
||||
width 100%
|
||||
padding 15px
|
||||
margin-bottom 5px
|
||||
border-radius 10px
|
||||
box-sizing border-box
|
||||
cursor pointer
|
||||
&:hover, &.hover
|
||||
color brandColor
|
||||
background-color hoverBackgroundColor
|
||||
&:active, &.active
|
||||
color brandColor
|
||||
|
||||
.UserSettingMain
|
||||
absolute top bottom right
|
||||
left 200px
|
||||
padding 10px
|
||||
box-sizing border-box
|
||||
@@ -82,7 +82,7 @@ textarea.block-input
|
||||
h1, h2
|
||||
margin 5px auto 25px
|
||||
|
||||
.PlanetNavigator
|
||||
.UserNavigator
|
||||
background-color planetNavBgColor
|
||||
absolute left top bottom
|
||||
width 50px
|
||||
@@ -100,7 +100,6 @@ textarea.block-input
|
||||
&.active, &:active, &.focus, &:focus, &.hover, &:hover
|
||||
img
|
||||
opacity 1
|
||||
|
||||
ul>li
|
||||
padding 10px 3px
|
||||
.shortCut
|
||||
@@ -117,6 +116,7 @@ textarea.block-input
|
||||
height 44px
|
||||
text-align center
|
||||
background-color planetAnchorBgColor
|
||||
text-decoration none
|
||||
color planetAnchorColor
|
||||
line-height 44px
|
||||
font-size 1.1em
|
||||
@@ -153,11 +153,12 @@ textarea.block-input
|
||||
color white
|
||||
|
||||
.PlanetContainer
|
||||
fullsize()
|
||||
.PlanetMain
|
||||
absolute top bottom right
|
||||
left 50px
|
||||
|
||||
.PlanetMain
|
||||
fullsize()
|
||||
|
||||
.PlanetHeader
|
||||
absolute left right top
|
||||
overflow-y hidden
|
||||
|
||||
Reference in New Issue
Block a user