From f8a0cd2dd3e298b2a771d786033a7c29df8dcbfc Mon Sep 17 00:00:00 2001
From: Xnuk Shuman <admin@xnu.kr>
Date: Tue, 20 Dec 2022 02:34:11 +0900
Subject: [PATCH] vertical centering the checkbox

---
 src/components/checkbox/checkbox.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/checkbox/checkbox.vue b/src/components/checkbox/checkbox.vue
index b6768d67..d7839e82 100644
--- a/src/components/checkbox/checkbox.vue
+++ b/src/components/checkbox/checkbox.vue
@@ -39,20 +39,23 @@ export default {
   display: inline-block;
   min-height: 1.2em;
 
+  & > * {
+    vertical-align: middle;
+  }
+
   &-indicator {
+    display: inline-block;
     position: relative;
-    padding-left: 1.2em;
+    width: 1.2em;
+    height: 1.2em;
   }
 
   &-indicator::before {
     position: absolute;
-    right: 0;
-    top: 0;
+    inset: 0;
     display: block;
     content: '✓';
     transition: color 200ms;
-    width: 1.1em;
-    height: 1.1em;
     border-radius: $fallback--checkboxRadius;
     border-radius: var(--checkboxRadius, $fallback--checkboxRadius);
     box-shadow: 0px 0px 2px black inset;