fix(picker): fix page reflow caused by text size change

varletjs · Sep 22, 2024 · f786eaf · f786eaf
1 parent b20a368
commit f786eaf
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 0 deletions.
diff --git a/packages/varlet-cli/site/mobile/App.vue b/packages/varlet-cli/site/mobile/App.vue
@@ -235,6 +235,7 @@ body {
   padding: 15px 0;
   color: var(--site-config-color-sub-text);
   font-size: 14px;
+  min-height: 50px;
 }
 
 header {

diff --git a/packages/varlet-ui/src/date-picker/date-picker.less b/packages/varlet-ui/src/date-picker/date-picker.less
@@ -76,6 +76,7 @@
       align-items: center;
       justify-content: space-between;
       margin-bottom: var(--date-picker-title-year-margin-bottom);
+      min-height: 21px;
     }
 
     &-hint {
@@ -246,6 +247,7 @@
           width: var(--day-picker-content-item-width);
           font-size: var(--day-picker-content-item-font-size);
           padding: var(--day-picker-content-item-padding);
+          min-height: 21px;
         }
       }
     }

diff --git a/packages/varlet-ui/src/time-picker/timePicker.less b/packages/varlet-ui/src/time-picker/timePicker.less
@@ -94,6 +94,7 @@
       color: var(--time-picker-title-hint-color);
       font-size: var(--time-picker-title-hint-font-size);
       margin-bottom: var(--time-picker-title-margin-bottom);
+      min-height: 21px;
     }
 
     &-time-container {