mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
modfiy: markup for UI config tab.
This commit is contained in:
@@ -3,6 +3,7 @@
|
|||||||
.root
|
.root
|
||||||
padding 15px
|
padding 15px
|
||||||
color $ui-text-color
|
color $ui-text-color
|
||||||
|
margin-bottom 30px
|
||||||
|
|
||||||
.group
|
.group
|
||||||
margin-bottom 45px
|
margin-bottom 45px
|
||||||
@@ -12,10 +13,10 @@
|
|||||||
color $ui-text-color
|
color $ui-text-color
|
||||||
|
|
||||||
.group-header2
|
.group-header2
|
||||||
font-size 18px
|
font-size 20px
|
||||||
color $ui-text-color
|
color $ui-text-color
|
||||||
padding 5px
|
|
||||||
margin-bottom 15px
|
margin-bottom 15px
|
||||||
|
margin-top 30px
|
||||||
|
|
||||||
.group-section
|
.group-section
|
||||||
margin-bottom 20px
|
margin-bottom 20px
|
||||||
|
|||||||
@@ -69,8 +69,10 @@ class UiTab extends React.Component {
|
|||||||
<div styleName='root'>
|
<div styleName='root'>
|
||||||
<div styleName='group'>
|
<div styleName='group'>
|
||||||
<div styleName='group-header'>UI</div>
|
<div styleName='group-header'>UI</div>
|
||||||
|
|
||||||
|
<div styleName='group-header2'>Theme</div>
|
||||||
|
|
||||||
<div styleName='group-section'>
|
<div styleName='group-section'>
|
||||||
<div styleName='group-section-label'>Theme</div>
|
|
||||||
<div styleName='group-section-control'>
|
<div styleName='group-section-control'>
|
||||||
<select value={config.ui.theme}
|
<select value={config.ui.theme}
|
||||||
onChange={(e) => this.handleUIChange(e)}
|
onChange={(e) => this.handleUIChange(e)}
|
||||||
|
|||||||
Reference in New Issue
Block a user