optimize ui

src/locales/en.js

@@ -442,4 +442,5 @@ export default {
     'Build Time': 'Build Time',
     'Official Website': 'Official Website',
     'License': 'License',
+    'An error has occurred': 'An error has occurred',
 };

src/locales/zh_Hans.js

@@ -442,4 +442,5 @@ export default {
     'Build Time': '编译时间',
     'Official Website': '官方网站',
     'License': '许可协议',
+    'An error has occurred': '发生错误',
 };

src/views/mobile/accounts/AccountList.vue

@@ -125,6 +125,7 @@
                 </f7-list>
             </f7-card-content>
         </f7-card>
+
         <f7-actions close-by-outside-click close-on-escape :opened="showMoreActionSheet" @actions:closed="showMoreActionSheet = false">
             <f7-actions-group>
                 <f7-actions-button @click="setSortable()">{{ $t('Sort') }}</f7-actions-button>
@@ -134,6 +135,15 @@
             </f7-actions-group>
         </f7-actions>
 
+        <f7-actions close-by-outside-click close-on-escape :opened="showDeleteActionSheet" @actions:closed="showDeleteActionSheet = false">
+            <f7-actions-group>
+                <f7-actions-label>{{ $t('Are you sure you want to delete this account?') }}</f7-actions-label>
+                <f7-actions-button color="red" @click="remove(accountToDelete)">{{ $t('Delete') }}</f7-actions-button>
+            </f7-actions-group>
+            <f7-actions-group>
+                <f7-actions-button bold close>{{ $t('Cancel') }}</f7-actions-button>
+            </f7-actions-group>
+        </f7-actions>
     </f7-page>
 </template>
 
@@ -145,8 +155,10 @@ export default {
             loading: true,
             showHidden: false,
             sortable: false,
+            accountToDelete: null,
             showAccountBalance: this.$settings.isShowAccountBalance(),
             showMoreActionSheet: false,
+            showDeleteActionSheet: false,
             displayOrderModified: false,
             displayOrderSaving: false
         };
@@ -540,7 +552,19 @@ export default {
             const app = self.$f7;
             const $$ = app.$;
 
-            self.$confirm('Are you sure you want to delete this account?', () => {
+            if (!account) {
+                self.$alert('An error has occurred');
+                return;
+            }
+
+            if (!self.showDeleteActionSheet) {
+                self.accountToDelete = account;
+                self.showDeleteActionSheet = true;
+                return;
+            }
+
+            self.showDeleteActionSheet = false;
+            self.accountToDelete = null;
             self.$showLoading();
 
             self.$services.deleteAccount({
@@ -573,7 +597,6 @@ export default {
                     self.$alert('Unable to delete this account');
                 }
             });
-            });
         }
     },
     filters: {