style: 优化搜索组件样式细节

un-pany · Nov 13, 2024 · 047909f · 047909f
1 parent 03b2611
commit 047909f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/SearchMenu/SearchModal.vue b/src/components/SearchMenu/SearchModal.vue
@@ -196,7 +196,7 @@ const handleReleaseUpOrDown = () => {
   }
   .el-dialog__footer {
     border-top: 1px solid var(--el-border-color);
-    padding: var(--el-dialog-padding-primary);
+    padding-top: var(--el-dialog-padding-primary);
   }
 }
 </style>
diff --git a/src/components/SearchMenu/SearchResult.vue b/src/components/SearchMenu/SearchResult.vue
@@ -85,12 +85,14 @@ defineExpose({ getScrollTop })
 </template>
 
 <style lang="scss" scoped>
+@import "@/styles/mixins.scss";
+
 .result-item {
   display: flex;
   align-items: center;
   height: 56px;
   padding: 0 15px;
-  margin-top: 8px;
+  margin-bottom: 8px;
   border: 1px solid var(--el-border-color);
   border-radius: 4px;
   cursor: pointer;
@@ -105,6 +107,7 @@ defineExpose({ getScrollTop })
   &-title {
     flex: 1;
     margin-left: 12px;
+    @extend %ellipsis;
   }
 }
 </style>