diff --git a/package.json b/package.json index b017552..ec4c148 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "docs", - "version": "0.6.4-vdi", + "version": "0.6.4-search3", "description": "Beeline Cloud docs", "main": "index.js", "scripts": { diff --git a/src/.vitepress/config.mts b/src/.vitepress/config.mts index a0f7a49..f1e733a 100644 --- a/src/.vitepress/config.mts +++ b/src/.vitepress/config.mts @@ -80,14 +80,8 @@ export default defineConfig({ buttonAriaLabel: 'Поиск' }, modal: { - noResultsText: 'Не удалось загрузить данные', + noResultsText: 'По вашему запросу ничего не найдено', resetButtonTitle: 'Сбросить', - displayDetails: 'Показать расширенный список', - footer: { - selectText: 'Выбрать', - closeText: 'Закрыть', - navigateText: 'Перейти', - } } } } diff --git a/src/.vitepress/theme/components/CustomLocalSearchBox.vue b/src/.vitepress/theme/components/CustomLocalSearchBox.vue index 19b0d6f..541eefe 100644 --- a/src/.vitepress/theme/components/CustomLocalSearchBox.vue +++ b/src/.vitepress/theme/components/CustomLocalSearchBox.vue @@ -33,6 +33,8 @@ import { escapeRegExp } from 'vitepress/dist/client/shared' import { useData } from 'vitepress/dist/client/theme-default/composables/data' import { LRUCache } from 'vitepress/dist/client/theme-default/support/lru' import { createSearchTranslate } from 'vitepress/dist/client/theme-default/support/translation' +import CustomIcon from './CustomIcon.vue'; +import { Icons } from '@beeline/design-tokens/js/iconfont/icons'; const emit = defineEmits<{ (e: 'close'): void @@ -496,21 +498,7 @@ function formMarkRegex(terms: Set) { :title="$t('modal.resetButtonTitle')" @click="resetSearch" > - + @@ -576,12 +564,6 @@ function formMarkRegex(terms: Set) {

{{ $t('modal.noResultsText') }}

- @@ -610,7 +592,6 @@ function formMarkRegex(terms: Set) { background: var(--vp-local-search-bg); width: min(100vw - 60px, 900px); height: min-content; - max-height: min(100vh - 128px, 900px); border-radius: 12px; } @@ -679,7 +660,7 @@ function formMarkRegex(terms: Set) { } .search-actions button { - padding: 8px; + padding: 0px; } .search-actions button:not([disabled]):hover, @@ -728,11 +709,11 @@ function formMarkRegex(terms: Set) { overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; - box-shadow: var(--vp-c-shadow-3); border-radius: 12px; border: 1px solid rgba(25, 28, 52, 0.18); padding: 8px 0; max-height: min(100vh - 214px, 900px); + box-shadow: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); li:hover { background-color: rgba(25, 28, 52, 0.08); @@ -745,7 +726,7 @@ function formMarkRegex(terms: Set) { gap: 8px; transition: none; outline: none; - height: 66px; + min-height: 66px; } .result > div { @@ -858,17 +839,18 @@ function formMarkRegex(terms: Set) { gap: 24px; align-items: center; z-index: 100; - box-shadow: 0 0 10 0 rgba(0, 0, 0, 0.16); + box-shadow: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 12px; border: 1px solid rgba(25, 28, 52, 0.18); background-color: rgb(255, 255, 255); } .no-results-text { - font-weight: 700; + font-weight: 400; font-size: 17px; line-height: 22px; letter-spacing: 0.2px; + color: rgba(25, 28, 52, 0.48); } .no-results-button { @@ -879,6 +861,7 @@ function formMarkRegex(terms: Set) { font-size: 17px; line-height: 22px; letter-spacing: 0.2px; + color: rgba(9, 11, 22, 0.94); } svg {