ouyang/ezbookkeeping
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

language selector on the login and unlock page is displayed at the bottom

Browse Source
This commit is contained in:
MaysWind
2025-11-04 00:33:41 +08:00
parent 7c3c1bbd6a
commit 87a21a1a4f
4 changed files with 21 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/mobile/LanguageSelectButton.vue
View File

@@ -1,5 +1,5 @@
<template>
<f7-button small popover-open=".lang-popover-menu" :disabled="disabled" :text="currentLanguageName"></f7-button>
<f7-button class="language-select-button" small popover-open=".lang-popover-menu" :disabled="disabled" :text="currentLanguageName"></f7-button>
<f7-popover class="lang-popover-menu">
<f7-list dividers>
@@ -30,3 +30,10 @@ const {
isLanguageSelected
} = useLanguageSelectButtonBase(props, emit);
</script>
<style>
.language-select-button {
display: initial;
padding: 8px 10px 8px 10px;
}
</style>

1
src/styles/mobile/global.scss
View File

@@ -230,6 +230,7 @@ i.icon.la, i.icon.las, i.icon.lab {
}
.login-page-fixed-bottom {
height: calc(80px + var(--f7-safe-area-bottom));
background-color: inherit !important;
}

10
src/views/mobile/LoginPage.vue
View File

@@ -66,11 +66,11 @@
</f7-block-footer>
</f7-list>
<language-select-button :disabled="loggingInByPassword || loggingInByOAuth2" />
<f7-list class="login-page-bottom">
<f7-block-footer>
<div class="login-page-powered-by">
<language-select-button :disabled="loggingInByPassword || loggingInByOAuth2" />
<div class="login-page-powered-by margin-top-half">
<span>Powered by</span>
<f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
<span>{{ version }}</span>
@@ -79,7 +79,9 @@
</f7-list>
<f7-toolbar class="login-page-fixed-bottom" tabbar bottom :outline="false">
<div class="login-page-powered-by">
<language-select-button :disabled="loggingInByPassword || loggingInByOAuth2" />
<div class="login-page-powered-by margin-top-half">
<span>Powered by</span>
<f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
<span>{{ version }}</span>

10
src/views/mobile/UnlockPage.vue
View File

@@ -26,11 +26,11 @@
</f7-block-footer>
</f7-list>
<language-select-button />
<f7-list class="login-page-bottom">
<f7-block-footer>
<div class="login-page-powered-by">
<language-select-button />
<div class="login-page-powered-by margin-top-half">
<span>Powered by</span>
<f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
<span>{{ version }}</span>
@@ -39,7 +39,9 @@
</f7-list>
<f7-toolbar class="login-page-fixed-bottom" tabbar bottom :outline="false">
<div class="login-page-powered-by">
<language-select-button />
<div class="login-page-powered-by margin-top-half">
<span>Powered by</span>
<f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
<span>{{ version }}</span>