diff --git a/packages/client/src/pages/welcome.setup.vue b/packages/client/src/pages/welcome.setup.vue index 3dca5b3e78..f6bf6540fc 100644 --- a/packages/client/src/pages/welcome.setup.vue +++ b/packages/client/src/pages/welcome.setup.vue @@ -1,22 +1,22 @@ <template> <form class="mk-setup" @submit.prevent="submit()"> <h1>Welcome to Misskey!</h1> - <div> + <div class="_formRoot"> <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 #prefix>@</template> <template #suffix>@{{ host }}</template> </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 #prefix><i class="fas fa-lock"></i></template> </MkInput> - <footer> + <div class="bottom _formBlock"> <MkButton primary type="submit" :disabled="submitting" data-cy-admin-ok> {{ submitting ? $ts.processing : $ts.done }}<MkEllipsis v-if="submitting"/> </MkButton> - </footer> + </div> </div> </form> </template> @@ -92,7 +92,7 @@ export default defineComponent({ margin-top: 0; } - > footer { + > .bottom { > * { margin: 0 auto; }