Browse Source

chore(AppSearchModal): 样式调整

main
刘凯 1 year ago
parent
commit
32f4b313fb
  1. 6
      src/components/Application/src/search/AppSearchModal.vue
  2. 2
      src/components/Application/src/search/useMenuSearch.ts

6
src/components/Application/src/search/AppSearchModal.vue

@ -163,7 +163,7 @@ function handleClose() {
width: 632px;
margin: 0 auto auto;
background-color: var(--component-background);
border-radius: 16px;
border-radius: 8px;
box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
}
@ -177,7 +177,7 @@ function handleClose() {
&-input {
width: 100%;
height: 48px;
font-size: 1.5em;
font-size: 1.2em;
color: #1c1e21;
border-radius: 6px;
@ -233,6 +233,8 @@ function handleClose() {
}
&--active {
color: @primary-color;
.@{prefix-cls}-list__item-enter {
opacity: 1;
}

2
src/components/Application/src/search/useMenuSearch.ts

@ -70,7 +70,7 @@ export function useMenuSearch(refs: Ref<HTMLElement[]>, scrollWrap: Ref<ElRef>,
ret.push({
name: parent?.name ? `${parent.name} > ${name}` : name,
path,
icon,
icon: icon || parent?.icon,
})
}
if (!meta?.hideChildrenInMenu && Array.isArray(children) && children.length)

Loading…
Cancel
Save