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
+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"