mirror of
https://github.com/misskey-dev/misskey
synced 2024-12-25 20:18:28 +09:00
58 lines
912 B
Vue
58 lines
912 B
Vue
|
<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
|
||
|
border solid 1px rgba(0, 0, 0, 0.2)
|
||
|
border-radius 8px
|
||
|
overflow hidden
|
||
|
|
||
|
> p
|
||
|
margin 0
|
||
|
padding 12px 20px
|
||
|
color #555
|
||
|
background #f5f5f5
|
||
|
border-bottom solid 1px #ddd
|
||
|
|
||
|
> div
|
||
|
padding 16px
|
||
|
|
||
|
</style>
|