bugfix: dark mode x and padding

kodadot · Oct 18, 2022 · db6ec25 · db6ec25
1 parent 16b9777
commit db6ec25
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git 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
@@ -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;
       }