fix: checkbox and switch margin

CyanSalt · Jul 17, 2023 · 288f1ad · 288f1ad
1 parent b5349a5
commit 288f1ad
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/checkbox/index.vue b/src/checkbox/index.vue
@@ -159,7 +159,9 @@ function draw(rc: RoughSVG, svg: SVGSVGElement) {
   flex: none;
   width: var(--r-checkbox-control-size);
   height: var(--r-checkbox-control-size);
-  margin-inline-end: calc(var(--r-checkbox-control-size) / 4);
+  &:not(:last-child) {
+    margin-inline-end: calc(var(--r-checkbox-control-size) / 4);
+  }
   .r-checkbox__input:disabled + & {
     opacity: 0.8;
   }

diff --git a/src/switch/index.vue b/src/switch/index.vue
@@ -120,7 +120,9 @@ function draw(rc: RoughSVG, svg: SVGSVGElement) {
   flex: none;
   width: calc(var(--r-switch-control-size) * 2);
   height: var(--r-switch-control-size);
-  margin-inline-end: calc(var(--r-switch-control-size) / 4);
+  &:not(:last-child) {
+    margin-inline-end: calc(var(--r-switch-control-size) / 4);
+  }
   .r-switch__input:disabled + & {
     opacity: 0.8;
   }