🎨
This commit is contained in:
parent
2cd25c6f3a
commit
1576ce2e15
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user