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

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
@@ -1,5 +1,5 @@
<template> <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-popover class="lang-popover-menu">
<f7-list dividers> <f7-list dividers>
@@ -30,3 +30,10 @@ const {
isLanguageSelected isLanguageSelected
} = useLanguageSelectButtonBase(props, emit); } = useLanguageSelectButtonBase(props, emit);
</script> </script>
<style>
.language-select-button {
display: initial;
padding: 8px 10px 8px 10px;
}
</style>
+1
View File
@@ -230,6 +230,7 @@ i.icon.la, i.icon.las, i.icon.lab {
} }
.login-page-fixed-bottom { .login-page-fixed-bottom {
height: calc(80px + var(--f7-safe-area-bottom));
background-color: inherit !important; background-color: inherit !important;
} }
+6 -4
View File
@@ -66,11 +66,11 @@
</f7-block-footer> </f7-block-footer>
</f7-list> </f7-list>
<language-select-button :disabled="loggingInByPassword || loggingInByOAuth2" />
<f7-list class="login-page-bottom"> <f7-list class="login-page-bottom">
<f7-block-footer> <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> <span>Powered by</span>
<f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link> <f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
<span>{{ version }}</span> <span>{{ version }}</span>
@@ -79,7 +79,9 @@
</f7-list> </f7-list>
<f7-toolbar class="login-page-fixed-bottom" tabbar bottom :outline="false"> <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> <span>Powered by</span>
<f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link> <f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
<span>{{ version }}</span> <span>{{ version }}</span>
+6 -4
View File
@@ -26,11 +26,11 @@
</f7-block-footer> </f7-block-footer>
</f7-list> </f7-list>
<language-select-button />
<f7-list class="login-page-bottom"> <f7-list class="login-page-bottom">
<f7-block-footer> <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> <span>Powered by</span>
<f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link> <f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
<span>{{ version }}</span> <span>{{ version }}</span>
@@ -39,7 +39,9 @@
</f7-list> </f7-list>
<f7-toolbar class="login-page-fixed-bottom" tabbar bottom :outline="false"> <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> <span>Powered by</span>
<f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link> <f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
<span>{{ version }}</span> <span>{{ version }}</span>