fix(fix the offset problem when the divider is vertical): remove tran…

…sformY,use align-items: center affects: @varlet/ui
varletjs · Dec 10, 2021 · 5b10f08 · 5b10f08
1 parent a6cd0d7
commit 5b10f08
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 4 deletions.
diff --git a/packages/varlet-ui/src/divider/divider.less b/packages/varlet-ui/src/divider/divider.less
@@ -31,7 +31,6 @@
     padding: var(--divider-text-margin);
     border-top: none;
     border-left: 1px solid var(--divider-color);
-    transform: translateY(-10%);
   }
 
   &--inset {

diff --git a/packages/varlet-ui/src/divider/example/index.vue b/packages/varlet-ui/src/divider/example/index.vue
@@ -53,7 +53,6 @@ export default {
   setup() {
     watchLang(use)
     watchDarkMode(dark)
-
     return {
       pack,
     }
@@ -65,9 +64,8 @@ export default {
 .vertical-divider-wrapper {
   display: flex;
   justify-content: center;
+  align-items: center;
   color: #333;
-  height: 36px;
-  line-height: 36px;
 
   span {
     font-size: 14px;