This commit is contained in:
syuilo 2018-03-17 17:47:46 +09:00
parent 1003eb19e5
commit f540393ee8
4 changed files with 31 additions and 11 deletions

View File

@ -78,14 +78,14 @@ export default Vue.extend({
> img
display block
width 36px
height 36px
width 42px
height 42px
border-radius 6px
> .body
float right
width calc(100% - 36px)
padding-left 8px
width calc(100% - 42px)
padding-left 12px
> header
display flex

View File

@ -70,9 +70,24 @@ export default Vue.extend({
display flex
flex-direction column
flex 1
background #eee
$width = 1000px
background-image url('/assets/welcome-bg.svg')
background-size cover
background-position top center
&:before
content ""
display block
position fixed
bottom 0
left 0
width 100%
height 100%
background-image url('/assets/welcome-fg.svg')
background-size cover
background-position bottom center
> main
display flex
flex 1
@ -80,9 +95,6 @@ export default Vue.extend({
> .top
display flex
width 100%
background-image url('/assets/welcome.svg')
background-size cover
background-position top center
> div
display flex
@ -92,7 +104,8 @@ export default Vue.extend({
> div:first-child
margin 0 48px 0 0
color #777
color #d1e6bf
text-shadow 0 0 12px #172062
> h1
margin 0
@ -154,18 +167,19 @@ export default Vue.extend({
overflow auto
> footer
font-size 12px
color #949ea5
background #fff
> div
max-width $width
margin 0 auto
padding 42px 0
padding 0 0 42px 0
text-align center
> .c
margin 16px 0 0 0
font-size 10px
opacity 0.7
</style>
@ -194,3 +208,9 @@ export default Vue.extend({
a
color #666
</style>
<style lang="stylus">
html
body
background linear-gradient(to bottom, #1e1d65, #bd6659)
</style>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB