fix: ui tweaks

2017-02-13 18:05:14 +08:00
parent 29fb1c5845
commit 2c3cc3c296
3 changed files with 26 additions and 17 deletions
--- a/packages/switch/src/switch.pcss
+++ b/packages/switch/src/switch.pcss
@@ -29,11 +29,17 @@
    @when on {
      background-color: #44db5e;
      border-color: #44db5e;
+      @descendent node {
+        left: 0;
+      }
    }

    @when off {
      background-color: #fff;
      border-color: rgba(0, 0, 0, .1);
+      @descendent node {
+        right: 0;
+      }
    }

    @when loading {
--- a/packages/switch/src/switch.vue
+++ b/packages/switch/src/switch.vue
@@ -1,6 +1,6 @@
 <template>
  <div class="o2-switch" :class="['is-' + switchState]" @click="toggleState">
-    <div class="o2-switch-node"></div>
+    <div class="o2-switch-node" :class="['is-' + switchState]"></div>
  </div>
 </template>