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 > img
display block display block
width 36px width 42px
height 36px height 42px
border-radius 6px border-radius 6px
> .body > .body
float right float right
width calc(100% - 36px) width calc(100% - 42px)
padding-left 8px padding-left 12px
> header > header
display flex display flex

View file

@ -70,9 +70,24 @@ export default Vue.extend({
display flex display flex
flex-direction column flex-direction column
flex 1 flex 1
background #eee
$width = 1000px $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 > main
display flex display flex
flex 1 flex 1
@ -80,9 +95,6 @@ export default Vue.extend({
> .top > .top
display flex display flex
width 100% width 100%
background-image url('/assets/welcome.svg')
background-size cover
background-position top center
> div > div
display flex display flex
@ -92,7 +104,8 @@ export default Vue.extend({
> div:first-child > div:first-child
margin 0 48px 0 0 margin 0 48px 0 0
color #777 color #d1e6bf
text-shadow 0 0 12px #172062
> h1 > h1
margin 0 margin 0
@ -154,18 +167,19 @@ export default Vue.extend({
overflow auto overflow auto
> footer > footer
font-size 12px
color #949ea5 color #949ea5
background #fff
> div > div
max-width $width max-width $width
margin 0 auto margin 0 auto
padding 42px 0 padding 0 0 42px 0
text-align center text-align center
> .c > .c
margin 16px 0 0 0 margin 16px 0 0 0
font-size 10px font-size 10px
opacity 0.7
</style> </style>
@ -194,3 +208,9 @@ export default Vue.extend({
a a
color #666 color #666
</style> </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