add safe area for landscape

This commit is contained in:
MaysWind
2020-11-27 22:26:04 +08:00
parent 5a211c4666
commit 412b77d9ab
11 changed files with 28 additions and 28 deletions
+1 -1
View File
@@ -1,6 +1,6 @@
<template>
<f7-app :params="f7params">
<f7-view id="main-view" main url="/" :push-state="true" :push-state-animate="false"></f7-view>
<f7-view id="main-view" class="safe-areas" main url="/" :push-state="true" :push-state-animate="false"></f7-view>
</f7-app>
</template>
+1 -1
View File
@@ -3,7 +3,7 @@
<f7-navbar :title="$t('About')" :back-link="$t('Back')"></f7-navbar>
<f7-card>
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-item :title="$t('Version')" :after="version"></f7-list-item>
<f7-list-item :title="$t('Build Time')" :after="buildTime | moment($t('format.datetime.long'))"></f7-list-item>
+2 -2
View File
@@ -6,7 +6,7 @@
</f7-navbar>
<f7-card v-if="isEnableApplicationLock">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-item :title="$t('Status')" :after="$t('Enabled')"></f7-list-item>
<f7-list-item v-if="isSupportedWebAuthn">
@@ -19,7 +19,7 @@
</f7-card>
<f7-card v-else-if="!isEnableApplicationLock">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-item :title="$t('Status')" :after="$t('Disabled')"></f7-list-item>
<f7-list-button @click="enable(null)">{{ $t('Enable') }}</f7-list-button>
+3 -3
View File
@@ -9,7 +9,7 @@
</f7-navbar>
<f7-card>
<f7-card-content :padding="false" v-if="exchangeRatesData.exchangeRates && exchangeRatesData.exchangeRates.length">
<f7-card-content class="no-safe-areas" :padding="false" v-if="exchangeRatesData.exchangeRates && exchangeRatesData.exchangeRates.length">
<f7-list>
<f7-list-item
:title="$t('Base Currency')"
@@ -25,12 +25,12 @@
</f7-card>
<f7-card>
<f7-card-content :padding="false" v-if="!exchangeRatesData.exchangeRates || !exchangeRatesData.exchangeRates.length">
<f7-card-content class="no-safe-areas" :padding="false" v-if="!exchangeRatesData.exchangeRates || !exchangeRatesData.exchangeRates.length">
<f7-list>
<f7-list-item :title="$t('No exchange rates data')"></f7-list-item>
</f7-list>
</f7-card-content>
<f7-card-content :padding="false" v-if="exchangeRatesData.exchangeRates && exchangeRatesData.exchangeRates.length">
<f7-card-content class="no-safe-areas" :padding="false" v-if="exchangeRatesData.exchangeRates && exchangeRatesData.exchangeRates.length">
<f7-list>
<f7-list-item v-for="exchangeRate in availableExchangeRates" :key="exchangeRate.currencyCode"
:title="exchangeRate.currencyDisplayName"
+2 -2
View File
@@ -4,7 +4,7 @@
<f7-block-title class="margin-top">{{ currentNickName }}</f7-block-title>
<f7-card>
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-item :title="$t('User Profile')" link="/user/profile"></f7-list-item>
<f7-list-item :title="$t('Two-Factor Authentication')" link="/user/2fa"></f7-list-item>
@@ -16,7 +16,7 @@
<f7-block-title>{{ $t('Application') }}</f7-block-title>
<f7-card>
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-item
:key="currentLocale + '_lang'"
+1 -1
View File
@@ -9,7 +9,7 @@
</f7-navbar>
<f7-card>
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-input
type="text"
+6 -6
View File
@@ -9,7 +9,7 @@
</f7-navbar>
<f7-card class="skeleton-text" v-if="loading">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-input label="Account Category" placeholder="Category"></f7-list-input>
<f7-list-input label="Account Type" placeholder="Account Type"></f7-list-input>
@@ -18,7 +18,7 @@
</f7-card>
<f7-card v-else-if="!loading">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-input
type="select"
@@ -46,7 +46,7 @@
</f7-card>
<f7-card class="skeleton-text" v-if="loading">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-input label="Account Name" placeholder="Your account name"></f7-list-input>
<f7-list-item header="Account Icon" after="Icon"></f7-list-item>
@@ -58,7 +58,7 @@
</f7-card>
<f7-card v-else-if="!loading && account.type === $constants.account.allAccountTypes.SingleAccount.toString()">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-input
type="text"
@@ -107,7 +107,7 @@
</f7-card>
<f7-card v-else-if="!loading && account.type === $constants.account.allAccountTypes.MultiSubAccounts.toString()">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-input
type="text"
@@ -149,7 +149,7 @@
<f7-block class="no-padding no-margin" v-if="!loading && account.type === $constants.account.allAccountTypes.MultiSubAccounts.toString()">
<f7-card v-for="(subAccount, idx) in subAccounts" :key="idx">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-input
type="text"
+5 -5
View File
@@ -33,7 +33,7 @@
<f7-card class="skeleton-text" v-if="loading">
<f7-card-header>Account Category</f7-card-header>
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-item title="Account Name" after="0.00 USD"></f7-list-item>
</f7-list>
@@ -42,7 +42,7 @@
<f7-card class="skeleton-text" v-if="loading">
<f7-card-header>Account Category 2</f7-card-header>
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-item title="Account Name" after="0.00 USD"></f7-list-item>
<f7-list-item title="Account Name 2" after="0.00 USD"></f7-list-item>
@@ -52,7 +52,7 @@
<f7-card class="skeleton-text" v-if="loading">
<f7-card-header>Account Category 3</f7-card-header>
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-item title="Account Name" after="0.00 USD"></f7-list-item>
<f7-list-item title="Account Name 2" after="0.00 USD"></f7-list-item>
@@ -61,7 +61,7 @@
</f7-card>
<f7-card v-if="!loading && noAvailableAccount">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-item :title="$t('No available account')"></f7-list-item>
</f7-list>
@@ -75,7 +75,7 @@
<span style="margin-left: 10px">{{ accountCategoryTotalBalance(accountCategory) | currency(defaultCurrency) }}</span>
</small>
</f7-card-header>
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list sortable :sortable-enabled="sortable" @sortable:sort="onSort">
<f7-list-item v-for="account in accounts[accountCategory.id]" v-show="showHidden || !account.hidden"
:key="account.id" :id="account | accountDomId"
+2 -2
View File
@@ -9,7 +9,7 @@
</f7-navbar>
<f7-card class="skeleton-text" v-if="loading">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list media-list>
<f7-list-item class="list-item-media-valign-middle"
title="Current"
@@ -22,7 +22,7 @@
</f7-card>
<f7-card v-else-if="!loading">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list media-list>
<f7-list-item class="list-item-media-valign-middle" swipeout
v-for="token in tokens"
+3 -3
View File
@@ -3,7 +3,7 @@
<f7-navbar :title="$t('Two-Factor Authentication')" :back-link="$t('Back')"></f7-navbar>
<f7-card class="skeleton-text" v-if="loading">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-item title="Status" after="Unknown"></f7-list-item>
<f7-list-button class="disabled">Operate</f7-list-button>
@@ -12,7 +12,7 @@
</f7-card>
<f7-card v-else-if="!loading && status === true">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-item :title="$t('Status')" :after="$t('Enabled')"></f7-list-item>
<f7-list-button :class="{ 'disabled': regenerating }" @click="regenerateBackupCode(null)">{{ $t('Regenerate Backup Codes') }}</f7-list-button>
@@ -22,7 +22,7 @@
</f7-card>
<f7-card v-else-if="!loading && status === false">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-item :title="$t('Status')" :after="$t('Disabled')"></f7-list-item>
<f7-list-button :class="{ 'disabled': enabling }" @click="enable">{{ $t('Enable') }}</f7-list-button>
+2 -2
View File
@@ -9,7 +9,7 @@
</f7-navbar>
<f7-card class="skeleton-text" v-if="loading">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-input label="Password" placeholder="Your password"></f7-list-input>
<f7-list-input label="Confirmation Password" placeholder="Re-enter the password"></f7-list-input>
@@ -21,7 +21,7 @@
</f7-card>
<f7-card v-else-if="!loading">
<f7-card-content :padding="false">
<f7-card-content class="no-safe-areas" :padding="false">
<f7-list>
<f7-list-input
type="password"