mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
Fix layout at NewNoteModal
This commit is contained in:
@@ -9,16 +9,19 @@
|
|||||||
font-size 18px
|
font-size 18px
|
||||||
line-height 50px
|
line-height 50px
|
||||||
padding 0 15px
|
padding 0 15px
|
||||||
background-color $ui-backgroundColor
|
|
||||||
border-bottom solid 1px $ui-borderColor
|
|
||||||
color $ui-text-color
|
color $ui-text-color
|
||||||
|
margin-bottom 20px
|
||||||
|
|
||||||
|
.title
|
||||||
|
font-size 36px
|
||||||
|
font-weight 600
|
||||||
|
|
||||||
.control
|
.control
|
||||||
padding 25px 15px 15px
|
padding 25px 0px
|
||||||
text-align center
|
text-align center
|
||||||
|
|
||||||
.control-button
|
.control-button
|
||||||
width 220px
|
width 240px
|
||||||
height 220px
|
height 220px
|
||||||
margin 0 15px
|
margin 0 15px
|
||||||
border $ui-border
|
border $ui-border
|
||||||
@@ -30,8 +33,8 @@
|
|||||||
colorPrimaryButton()
|
colorPrimaryButton()
|
||||||
|
|
||||||
.control-button-icon
|
.control-button-icon
|
||||||
font-size 50px
|
font-size 48px
|
||||||
margin-bottom 15px
|
margin-bottom 25px
|
||||||
|
|
||||||
.control-button-label
|
.control-button-label
|
||||||
font-size 18px
|
font-size 18px
|
||||||
@@ -49,8 +52,6 @@ body[data-theme="dark"]
|
|||||||
modalDark()
|
modalDark()
|
||||||
|
|
||||||
.header
|
.header
|
||||||
background-color $ui-dark-button--hover-backgroundColor
|
|
||||||
border-color $ui-dark-borderColor
|
|
||||||
color $ui-dark-text-color
|
color $ui-dark-text-color
|
||||||
|
|
||||||
.control-button
|
.control-button
|
||||||
|
|||||||
@@ -150,8 +150,10 @@ modal()
|
|||||||
position relative
|
position relative
|
||||||
z-index $modal-z-index
|
z-index $modal-z-index
|
||||||
width 100%
|
width 100%
|
||||||
margin-left 40px
|
margin-left 80px
|
||||||
margin-right 40px
|
margin-right 80px
|
||||||
|
margin-bottom 80px
|
||||||
|
margin-top 100px
|
||||||
background-color $modal-background
|
background-color $modal-background
|
||||||
overflow hidden
|
overflow hidden
|
||||||
border-radius $modal-border-radius
|
border-radius $modal-border-radius
|
||||||
|
|||||||
Reference in New Issue
Block a user