From db6ec2520ec488674097a5c3c92d09791c125b99 Mon Sep 17 00:00:00 2001
From: zhengow <313407040@qq.com>
Date: Tue, 18 Oct 2022 21:14:21 +0800
Subject: [PATCH] bugfix: dark mode x and padding

---
 components/common/WalletModal.vue |  3 +++
 styles/themes/_dark.scss          | 17 +++++++++++++----
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/components/common/WalletModal.vue b/components/common/WalletModal.vue
index fc58834dff..4c4e50af1f 100644
--- a/components/common/WalletModal.vue
+++ b/components/common/WalletModal.vue
@@ -280,6 +280,9 @@ export default class WalletModal extends mixins(UseApiMixin, ChainMixin) {
     .modal-card-body {
       padding: 0;
       background-color: unset;
+      &.py-6 {
+        padding-left: 1rem;
+      }
     }
 
     .modal-card-head {
diff --git a/styles/themes/_dark.scss b/styles/themes/_dark.scss
index dec358167d..088846ea32 100644
--- a/styles/themes/_dark.scss
+++ b/styles/themes/_dark.scss
@@ -89,22 +89,31 @@ html.dark-mode {
     .wallet .buttons {
       button {
         background: $background-dark;
-        border: 1px solid #ffffff;
+        border: 1px solid $white;
       }
       .button {
         background: $background-dark;
-        border: 1px solid #ffffff;
+        border: 1px solid $white;
         border-radius: unset;
       }
     }
     .modal-card-bg {
-      background: #ffffff;
+      background: $white;
     }
     .modal-card-head {
       background: $background-dark;
+      .delete {
+        background: none;
+        &::before {
+          background-color: $white
+        }
+        &::after {
+          background-color: $white
+        }
+      }
     }
     .wallet-name {
-      background: #ffffff !important;
+      background: $white !important;
       .is-white {
         color: $background-dark !important;
       }