style(Dialog): fix round-button theme (#6934)

* style(Dialog): fix round-button theme * style(Dialog): improve round-button theme
2020-08-04 16:37:00 +08:00
parent f82177abcc
commit d342fa3781
6 changed files with 37 additions and 32 deletions
@@ -57,25 +57,15 @@
  }

  &__footer {
+    display: flex;
    overflow: hidden;
    user-select: none;
-
-    &&--round {
-      position: relative;
-      height: auto;
-      padding: 0 @padding-lg - 5px @padding-md;
-    }
-
-    &--buttons {
-      display: flex;
-
-      .van-button {
-        flex: 1;
-      }
-    }
  }

-  .van-button {
+  &__confirm,
+  &__cancel {
+    flex: 1;
+    margin: 0;
    border: 0;
  }

@@ -86,6 +76,22 @@
    }
  }

+  &--round-button {
+    .van-dialog__footer {
+      position: relative;
+      height: auto;
+      padding: 0 @padding-lg @padding-md;
+    }
+
+    .van-dialog__message {
+      color: @text-color;
+    }
+
+    .van-dialog__confirm {
+      color: @white;
+    }
+  }
+
  &-bounce-enter {
    transform: translate3d(-50%, -50%, 0) scale(0.7);
    opacity: 0;