2018-02-21 14:16:38 -06:00
|
|
|
<template>
|
|
|
|
<div class="signup">
|
|
|
|
<h1>Misskeyをはじめる</h1>
|
|
|
|
<p>いつでも、どこからでもMisskeyを利用できます。もちろん、無料です。</p>
|
|
|
|
<div class="form">
|
|
|
|
<p>新規登録</p>
|
|
|
|
<div>
|
|
|
|
<mk-signup/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
import Vue from 'vue';
|
|
|
|
export default Vue.extend({
|
|
|
|
mounted() {
|
|
|
|
document.documentElement.style.background = '#293946';
|
|
|
|
}
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="stylus" scoped>
|
|
|
|
.signup
|
|
|
|
padding 16px
|
|
|
|
margin 0 auto
|
|
|
|
max-width 500px
|
|
|
|
|
|
|
|
h1
|
|
|
|
margin 0
|
|
|
|
padding 8px
|
|
|
|
font-size 1.5em
|
|
|
|
font-weight normal
|
|
|
|
color #c3c6ca
|
|
|
|
|
|
|
|
& + p
|
|
|
|
margin 0 0 16px 0
|
|
|
|
padding 0 8px 0 8px
|
|
|
|
color #949fa9
|
|
|
|
|
|
|
|
.form
|
|
|
|
background #fff
|
2018-04-28 18:51:17 -05:00
|
|
|
border solid 1px rgba(#000, 0.2)
|
2018-02-21 14:16:38 -06:00
|
|
|
border-radius 8px
|
|
|
|
overflow hidden
|
|
|
|
|
|
|
|
> p
|
|
|
|
margin 0
|
|
|
|
padding 12px 20px
|
|
|
|
color #555
|
|
|
|
background #f5f5f5
|
|
|
|
border-bottom solid 1px #ddd
|
|
|
|
|
|
|
|
> div
|
|
|
|
padding 16px
|
|
|
|
|
|
|
|
</style>
|