UI improvements (#2926)

lnbits/static/css/base.css

@@ -532,6 +532,9 @@ video {
   word-break: break-word;
 }
 
+.q-card {
+  border-radius: 10px;
+}
 .q-card code {
   overflow-wrap: break-word;
 }

lnbits/static/i18n/en.js

@@ -512,5 +512,7 @@ window.localisation.en = {
   payments_count_in_out_chart: 'Count In/Out Chart',
   reset_wallet_keys: 'Reset Keys',
   reset_wallet_keys_desc:
-    'Reset the API keys for this wallet. This will invalidate the current keys and generate new ones.'
+    'Reset the API keys for this wallet. This will invalidate the current keys and generate new ones.',
+  view_list: 'View wallets as list',
+  view_column: 'View wallets as rows'
 }

lnbits/static/js/base.js

@@ -471,6 +471,7 @@ window.windowMixin = {
       toggleSubs: true,
       mobileSimple: true,
       walletFlip: true,
+      showAddWalletDialog: {show: false},
       borderSelection: null,
       gradientSelection: null,
       themeSelection: null,
@@ -506,6 +507,23 @@ window.windowMixin = {
       }
       this.$q.localStorage.set('lnbits.walletFlip', this.walletFlip)
     },
+    submitAddWallet() {
+      if (
+        this.showAddWalletDialog.name &&
+        this.showAddWalletDialog.name.length > 0
+      ) {
+        LNbits.api.createWallet(
+          this.g.user.wallets[0],
+          this.showAddWalletDialog.name
+        )
+        this.showAddWalletDialog = {show: false}
+      } else {
+        this.$q.notify({
+          message: 'Please enter a name for the wallet',
+          color: 'negative'
+        })
+      }
+    },
     simpleMobile() {
       this.$q.localStorage.set('lnbits.mobileSimple', !this.mobileSimple)
       this.refreshRoute()

lnbits/static/scss/base.scss

@@ -207,6 +207,7 @@ video {
 }
 
 .q-card {
+  border-radius: 10px;
   code {
     overflow-wrap: break-word;
   }