kidshift/kidshift-web
3
0
Fork 0
mirror of https://github.com/r-ca/kidshift-web.git synced 2024-10-25 16:34:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

ログインページ修正

Browse Source
This commit is contained in:
ろむねこ 2024-07-18 15:10:11 +09:00
parent 54acd7d8e9
commit 4e5e7de73b
Signed by: Fujimatsu
GPG Key ID: FA1F39A1BA37D168
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/LoginPage.vue
View File

@ -2,7 +2,7 @@
<q-page class="flex flex-center">
<q-card class="q-pa-md" style="max-width: 400px; width: 100%;">
<q-card-section>
<div class="text-h6">Login</div>
<div class="text-h6">KidShiftにログイン</div>
</q-card-section>
<q-card-section>
@ -10,13 +10,13 @@
<q-input
v-model="loginCode"
type="text"
label="Enter 8-digit code"
mask="########"
label="ログインコード"
mask="####-####"
fill-mask
:rules="[val => val.length === 8 || 'Code must be 8 digits']"
:rules="[val => val.length === 9 || 'ログインコードは8桁の数字です']"
outlined
/>
<q-btn type="submit" label="Login" color="primary" class="q-mt-md" :disable="!canLogin" />
<q-btn type="submit" label="ログイン" color="primary" class="q-mt-md" :disable="!canLogin" />
</q-form>
</q-card-section>
</q-card>
@ -28,7 +28,7 @@ import { ref, computed } from 'vue';
const loginCode = ref('');
const canLogin = computed(() => loginCode.value.length === 8);
const canLogin = computed(() => loginCode.value.length === 9);
const login = () => {
if (canLogin.value) {