worldcone/cherrypick
2
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

🎨

Browse source
This commit is contained in:
syuilo 2022-02-25 19:56:59 +09:00
parent 2cd25c6f3a
commit 1576ce2e15
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/client/src/pages/welcome.setup.vue
View file

@ -1,22 +1,22 @@
<template> <template>
<form class="mk-setup" @submit.prevent="submit()"> <form class="mk-setup" @submit.prevent="submit()">
<h1>Welcome to Misskey!</h1> <h1>Welcome to Misskey!</h1>
<div> <div class="_formRoot">
<p>{{ $ts.intro }}</p> <p>{{ $ts.intro }}</p>
<MkInput v-model="username" pattern="^[a-zA-Z0-9_]{1,20}$" spellcheck="false" required data-cy-admin-username> <MkInput v-model="username" pattern="^[a-zA-Z0-9_]{1,20}$" spellcheck="false" required data-cy-admin-username class="_formBlock">
<template #label>{{ $ts.username }}</template> <template #label>{{ $ts.username }}</template>
<template #prefix>@</template> <template #prefix>@</template>
<template #suffix>@{{ host }}</template> <template #suffix>@{{ host }}</template>
</MkInput> </MkInput>
<MkInput v-model="password" type="password" data-cy-admin-password> <MkInput v-model="password" type="password" data-cy-admin-password class="_formBlock">
<template #label>{{ $ts.password }}</template> <template #label>{{ $ts.password }}</template>
<template #prefix><i class="fas fa-lock"></i></template> <template #prefix><i class="fas fa-lock"></i></template>
</MkInput> </MkInput>
<footer> <div class="bottom _formBlock">
<MkButton primary type="submit" :disabled="submitting" data-cy-admin-ok> <MkButton primary type="submit" :disabled="submitting" data-cy-admin-ok>
{{ submitting ? $ts.processing : $ts.done }}<MkEllipsis v-if="submitting"/> {{ submitting ? $ts.processing : $ts.done }}<MkEllipsis v-if="submitting"/>
</MkButton> </MkButton>
</footer> </div>
</div> </div>
</form> </form>
</template> </template>
@ -92,7 +92,7 @@ export default defineComponent({
margin-top: 0; margin-top: 0;
} }
> footer { > .bottom {
> * { > * {
margin: 0 auto; margin: 0 auto;
} }