pleroma-fe

commit: f8a0cd2dd3e298b2a771d786033a7c29df8dcbfc
parent 1bf256b34b020622718d4dcdcae4153a6f75e060
Author: Xnuk Shuman <admin@xnu.kr>
Date:   Tue, 20 Dec 2022 02:34:11 +0900

vertical centering the checkbox

Diffstat:
M
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
@@ -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;