Русович Виолетта Игоревна
69 lines
1.9 KiB
Vue
69 lines
1.9 KiB
Vue
<script lang="ts" setup>
|
|
import type { ButtonTranslations } from 'vitepress/types/local-search'
|
|
import { createSearchTranslate } from 'vitepress/dist/client/theme-default/support/translation'
|
|
|
|
// Button-Translations
|
|
const defaultTranslations: { button: ButtonTranslations } = {
|
|
button: {
|
|
buttonText: 'Search',
|
|
buttonAriaLabel: 'Search'
|
|
}
|
|
}
|
|
|
|
const $t = createSearchTranslate(defaultTranslations)
|
|
</script>
|
|
|
|
<template>
|
|
<svg
|
|
class="DocSearch-Search-Icon"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
aria-label="search icon"
|
|
>
|
|
<path
|
|
d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z"
|
|
stroke="currentColor"
|
|
fill="none"
|
|
fill-rule="evenodd"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<style>
|
|
[class*='DocSearch'] {
|
|
--docsearch-primary-color: var(--vp-c-brand-1);
|
|
--docsearch-highlight-color: var(--docsearch-primary-color);
|
|
--docsearch-text-color: var(--vp-c-text-1);
|
|
--docsearch-muted-color: var(--vp-c-text-2);
|
|
--docsearch-searchbox-shadow: none;
|
|
--docsearch-searchbox-background: transparent;
|
|
--docsearch-searchbox-focus-background: transparent;
|
|
--docsearch-key-gradient: transparent;
|
|
--docsearch-key-shadow: none;
|
|
--docsearch-modal-background: var(--vp-c-bg-soft);
|
|
--docsearch-footer-background: var(--vp-c-bg);
|
|
}
|
|
|
|
.dark [class*='DocSearch'] {
|
|
--docsearch-modal-shadow: none;
|
|
--docsearch-footer-shadow: none;
|
|
--docsearch-logo-color: var(--vp-c-text-2);
|
|
--docsearch-hit-background: var(--vp-c-default-soft);
|
|
--docsearch-hit-color: var(--vp-c-text-2);
|
|
--docsearch-hit-shadow: none;
|
|
}
|
|
|
|
.DocSearch-Search-Icon {
|
|
position: relative;
|
|
width: 18px;
|
|
height: 18px;
|
|
color: var(--vp-c-text-1);
|
|
fill: currentColor;
|
|
transition: color 0.5s;
|
|
margin: 8px;
|
|
}
|
|
</style>
|