fix(pro:search): quick select panel search bar overflows (#1819)

IDuxFE · Jan 17, 2024 · c6824ea · c6824ea
1 parent 7154ca5
commit c6824ea
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/packages/pro/search/style/quick-select.less b/packages/pro/search/style/quick-select.less
@@ -7,23 +7,22 @@
   }
 
   &-panel {
-    padding: var(--ix-padding-size-md) var(--ix-padding-size-md) 0;
+    padding: var(--ix-padding-size-md) var(--ix-padding-size-sm) 0;
 
-    @shortcust-padding: 8px;
+    @shortcuts-padding: 8px;
     &-shortcuts {
       position: relative;
       width: 100%;
       display: flex;
       flex-wrap: wrap;
-      padding: 0 @shortcust-padding var(--ix-padding-size-xs) @shortcust-padding;
-      margin-bottom: var(--ix-padding-size-md);
-
+      padding: 0 @shortcuts-padding var(--ix-padding-size-xs) @shortcuts-padding;
+
       &::after {
         content: ' ';
         position: absolute;
         bottom: 0;
-        left: @shortcust-padding;
-        width: calc(100% - @shortcust-padding * 2);
+        left: @shortcuts-padding;
+        width: calc(100% - @shortcuts-padding * 2);
         height: 1px;
         background-color: var(--ix-color-separator);
       }
@@ -41,6 +40,12 @@
       margin: 0 var(--ix-padding-size-xs);
       flex-shrink: 0;
     }
+
+    &-shortcuts + &-items {
+      .@{pro-search-prefix}-quick-select-item-header {
+        padding-top: var(--ix-padding-size-md);
+      }
+    }
   }
   &-shortcut {
     margin-bottom: var(--ix-margin-size-sm);