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-18 00:03:49 +08:00
parent a081edde25
commit db12b64b3a
3 changed files with 69 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/mobile/global.css
+37
View File
@@ -149,6 +149,43 @@ i.icon.la, i.icon.las, i.icon.lab {
overflow-y: auto;
}
.login-page-fixed-bottom {
background-color: inherit !important;
}
.login-page-fixed-bottom > .toolbar-inner {
display: inline !important;
text-align: center;
font-size: var(--f7-font-size);
}
.login-page-powered-by > span {
color: var(--f7-block-footer-text-color);
}
.login-page-powered-by > a.link {
display: inline !important;
color: var(--f7-theme-color);
font-size: var(--f7-block-footer-font-size);
padding: 0 6px;
}
@media (max-height: 629px) {
.login-screen-content {
--f7-toolbar-height: 0;
}
.login-page-fixed-bottom {
display: none;
}
}
@media (min-height: 630px) {
.login-page-bottom {
display: none;
}
}
/** Replacing the default style of @vuepic/vue-datepicker **/
.dp__theme_light {
--dp-primary-color: #c67e48;
src/views/mobile/LoginPage.vue
+16 -7
View File
@@ -1,5 +1,5 @@
<template>
<f7-page no-toolbar no-navbar no-swipeback login-screen>
<f7-page no-navbar no-swipeback login-screen hide-toolbar-on-scroll>
<f7-login-screen-title>
<img alt="logo" class="login-page-logo" :src="ezBookkeepingLogoPath" />
<f7-block class="login-page-tile margin-vertical-half">{{ $t('global.app.title') }}</f7-block>
@@ -49,17 +49,26 @@
</f7-block-footer>
</f7-list>
<f7-button small popover-open=".lang-popover-menu" :text="currentLanguageName"></f7-button>
<f7-button class="padding-bottom" small popover-open=".lang-popover-menu" :text="currentLanguageName"></f7-button>
<f7-list>
<f7-block-footer>
<span>Powered by </span>
<f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>&nbsp;<span>{{ version }}</span>
</f7-block-footer>
<f7-list class="login-page-bottom">
<f7-block-footer>
<div class="login-page-powered-by">
<span>Powered by</span>
<f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
<span>{{ version }}</span>
</div>
</f7-block-footer>
</f7-list>
<f7-toolbar class="login-page-fixed-bottom" tabbar bottom :outline="false">
<div class="login-page-powered-by">
<span>Powered by</span>
<f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
<span>{{ version }}</span>
</div>
</f7-toolbar>
<f7-popover class="lang-popover-menu">
<f7-list dividers>
<f7-list-item
src/views/mobile/UnlockPage.vue
+16 -8
View File
@@ -1,5 +1,5 @@
<template>
<f7-page no-toolbar no-navbar no-swipeback login-screen>
<f7-page no-navbar no-swipeback login-screen hide-toolbar-on-scroll>
<f7-login-screen-title>
<img alt="logo" class="login-page-logo" :src="ezBookkeepingLogoPath" />
<f7-block class="login-page-tile margin-vertical-half">{{ $t('global.app.title') }}</f7-block>
@@ -26,18 +26,26 @@
</f7-block-footer>
</f7-list>
<f7-button small popover-open=".lang-popover-menu" :text="currentLanguageName"></f7-button>
<f7-button class="padding-bottom" small popover-open=".lang-popover-menu" :text="currentLanguageName"></f7-button>
<f7-list>
<f7-block-footer>
<span>Powered by </span>
<f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>&nbsp;
<span>{{ version }}</span>
</f7-block-footer>
<f7-list class="login-page-bottom">
<f7-block-footer>
<div class="login-page-powered-by">
<span>Powered by</span>
<f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
<span>{{ version }}</span>
</div>
</f7-block-footer>
</f7-list>
<f7-toolbar class="login-page-fixed-bottom" tabbar bottom :outline="false">
<div class="login-page-powered-by">
<span>Powered by</span>
<f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
<span>{{ version }}</span>
</div>
</f7-toolbar>
<f7-popover class="lang-popover-menu">
<f7-list dividers>
<f7-list-item