mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
Fix layout at CreateFolderModal
This commit is contained in:
@@ -2,6 +2,7 @@ $control-height = 30px
|
|||||||
|
|
||||||
.root
|
.root
|
||||||
absolute left bottom
|
absolute left bottom
|
||||||
|
bottom 30px
|
||||||
top $topBar-height - 1
|
top $topBar-height - 1
|
||||||
background-color $ui-noteList-backgroundColor
|
background-color $ui-noteList-backgroundColor
|
||||||
|
|
||||||
|
|||||||
@@ -4,10 +4,9 @@
|
|||||||
height 270px
|
height 270px
|
||||||
overflow hidden
|
overflow hidden
|
||||||
position relative
|
position relative
|
||||||
padding 0 40px
|
|
||||||
|
|
||||||
.header
|
.header
|
||||||
height 70px
|
height 80px
|
||||||
margin-bottom 10px
|
margin-bottom 10px
|
||||||
margin-top 20px
|
margin-top 20px
|
||||||
font-size 18px
|
font-size 18px
|
||||||
@@ -15,23 +14,27 @@
|
|||||||
background-color $ui-backgroundColor
|
background-color $ui-backgroundColor
|
||||||
color $ui-text-color
|
color $ui-text-color
|
||||||
|
|
||||||
|
.title
|
||||||
|
font-size 36px
|
||||||
|
font-weight 600
|
||||||
|
|
||||||
.control-folder-label
|
.control-folder-label
|
||||||
text-align left
|
text-align left
|
||||||
font-size 12px
|
font-size 14px
|
||||||
color $ui-text-color
|
color $ui-text-color
|
||||||
|
|
||||||
.control-folder-input
|
.control-folder-input
|
||||||
display block
|
display block
|
||||||
height 30px
|
height 40px
|
||||||
width 420px
|
width 490px
|
||||||
padding 0 5px
|
padding 0 5px
|
||||||
margin 10px auto 15px
|
margin 10px 0
|
||||||
border 1px solid #C9C9C9 // TODO: use variable.
|
border 1px solid #C9C9C9 // TODO: use variable.
|
||||||
border-radius 2px
|
border-radius 2px
|
||||||
background-color transparent
|
background-color transparent
|
||||||
outline none
|
outline none
|
||||||
vertical-align middle
|
vertical-align middle
|
||||||
font-size 14px
|
font-size 16px
|
||||||
&:disabled
|
&:disabled
|
||||||
background-color $ui-input--disabled-backgroundColor
|
background-color $ui-input--disabled-backgroundColor
|
||||||
&:focus, &:active
|
&:focus, &:active
|
||||||
@@ -39,14 +42,13 @@
|
|||||||
|
|
||||||
.control-confirmButton
|
.control-confirmButton
|
||||||
display block
|
display block
|
||||||
float right
|
height 35px
|
||||||
height 30px
|
width 140px
|
||||||
width 100px
|
|
||||||
border none
|
border none
|
||||||
border-radius 2px
|
border-radius 2px
|
||||||
padding 0 25px
|
padding 0 25px
|
||||||
margin 20px auto
|
margin 20px auto
|
||||||
font-size 12px
|
font-size 14px
|
||||||
colorPrimaryButton()
|
colorPrimaryButton()
|
||||||
|
|
||||||
body[data-theme="dark"]
|
body[data-theme="dark"]
|
||||||
@@ -56,7 +58,6 @@ body[data-theme="dark"]
|
|||||||
height 270px
|
height 270px
|
||||||
overflow hidden
|
overflow hidden
|
||||||
position relative
|
position relative
|
||||||
padding 0 40px
|
|
||||||
|
|
||||||
.header
|
.header
|
||||||
background-color transparent
|
background-color transparent
|
||||||
|
|||||||
Reference in New Issue
Block a user