zhengchen.tao/ezbookkeeping
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modify style

Browse Source
This commit is contained in:
MaysWind
2023-08-15 22:47:40 +08:00
parent ed0100a82c
commit df470f1a5e
2 changed files with 163 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/desktop/LoginPage.vue
+16 -6
View File
@@ -18,14 +18,15 @@
<v-img max-width="600px" src="img/desktop/people1.svg"/>
</div>
</v-col>
<v-col cols="12" md="4" class="auth-card d-flex align-center justify-center">
<v-card variant="flat" class="mt-0 pa-4" max-width="500">
<v-col cols="12" md="4" class="auth-card d-flex flex-column">
<div class="d-flex align-center justify-center h-100">
<v-card variant="flat" class="mt-0 px-4 pt-12" max-width="500">
<v-card-text>
<h5 class="text-h5 mb-3">{{ $t('Welcome to ezBookkeeping') }}</h5>
<p class="mb-0">{{ $t('Please log in with your ezBookkeeping account') }}</p>
</v-card-text>
<v-card-text>
<v-card-text class="pb-0 mb-6">
<v-form>
<v-row>
<v-col cols="12">
@@ -117,7 +118,16 @@
{{ $t('Create an account') }}
</router-link>
</v-col>
</v-row>
</v-form>
</v-card-text>
</v-card>
</div>
<v-spacer/>
<div class="d-flex align-center justify-center">
<v-card variant="flat" class="px-4 pb-4" max-width="500">
<v-card-text class="pt-0">
<v-row>
<v-col cols="12" class="text-center">
<v-menu location="bottom">
<template #activator="{ props }">
@@ -137,7 +147,7 @@
</v-menu>
</v-col>
<v-col cols="12" class="d-flex align-center">
<v-col cols="12" class="d-flex align-center pt-0">
<v-divider />
</v-col>
@@ -146,9 +156,9 @@
<a href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</a>&nbsp;<span>{{ version }}</span>
</v-col>
</v-row>
</v-form>
</v-card-text>
</v-card>
</div>
</v-col>
</v-row>
src/views/desktop/UnlockPage.vue
+16 -6
View File
@@ -18,15 +18,16 @@
<v-img max-width="600px" src="img/desktop/people3.svg"/>
</div>
</v-col>
<v-col cols="12" md="4" class="auth-card d-flex align-center justify-center">
<v-card variant="flat" class="mt-12 mt-sm-0 pa-4" max-width="500">
<v-col cols="12" md="4" class="auth-card d-flex flex-column">
<div class="d-flex align-center justify-center h-100">
<v-card variant="flat" class="mt-0 px-4 pt-12" max-width="500">
<v-card-text>
<h5 class="text-h5 mb-3">{{ $t('Unlock Application') }}</h5>
<p class="mb-0" v-if="isWebAuthnAvailable">{{ $t('Please input your PIN code or use WebAuthn to unlock application') }}</p>
<p class="mb-0" v-else-if="!isWebAuthnAvailable">{{ $t('Please input your PIN code to unlock application') }}</p>
</v-card-text>
<v-card-text>
<v-card-text class="pb-0 mb-6">
<v-form>
<v-row>
<v-col cols="12">
@@ -56,7 +57,16 @@
{{ $t('Re-login') }}
</a>
</v-col>
</v-row>
</v-form>
</v-card-text>
</v-card>
</div>
<v-spacer/>
<div class="d-flex align-center justify-center">
<v-card variant="flat" class="px-4 pb-4" max-width="500">
<v-card-text class="pt-0">
<v-row>
<v-col cols="12" class="text-center">
<v-menu location="bottom">
<template #activator="{ props }">
@@ -76,7 +86,7 @@
</v-menu>
</v-col>
<v-col cols="12" class="d-flex align-center">
<v-col cols="12" class="d-flex align-center pt-0">
<v-divider />
</v-col>
@@ -85,9 +95,9 @@
<a href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</a>&nbsp;<span>{{ version }}</span>
</v-col>
</v-row>
</v-form>
</v-card-text>
</v-card>
</div>
</v-col>
</v-row>