From dcf4f061253dc003e8bace1d7c40cb41b88eb421 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9=20=D0=97=D0=B0?= =?UTF-8?q?=D1=85=D0=B0=D1=80=D0=BE=D0=B2?= Date: Mon, 4 Aug 2025 14:47:02 +0300 Subject: [PATCH] Fix code --- .../theme/components/CustomHero.vue | 9 +- .../theme/components/HomeHeroSearchButton.vue | 175 ------------------ 2 files changed, 6 insertions(+), 178 deletions(-) diff --git a/src/.vitepress/theme/components/CustomHero.vue b/src/.vitepress/theme/components/CustomHero.vue index 8d47b08..1a94a8b 100644 --- a/src/.vitepress/theme/components/CustomHero.vue +++ b/src/.vitepress/theme/components/CustomHero.vue @@ -66,20 +66,23 @@ const showSearch = ref(false) @use "@beeline/design-tokens/scss/tokens/themes"; @use "@beeline/design-tokens/scss/tokens/globals/sizes"; @use "@beeline/design-tokens/scss/mixin"; + +$topSpacing: 40px; + .VPHero { margin-top: calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1); - padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px; + padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + $topSpacing) 24px 48px; } @media (min-width: 640px) { .VPHero { - padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px; + padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + $topSpacing) 48px 64px; } } @media (min-width: 960px) { .VPHero { - padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px; + padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + $topSpacing) 64px 64px; } } diff --git a/src/.vitepress/theme/components/HomeHeroSearchButton.vue b/src/.vitepress/theme/components/HomeHeroSearchButton.vue index 73d1a95..e2bca18 100644 --- a/src/.vitepress/theme/components/HomeHeroSearchButton.vue +++ b/src/.vitepress/theme/components/HomeHeroSearchButton.vue @@ -2,7 +2,6 @@ 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: 'Поиск', @@ -16,22 +15,9 @@ const $t = createSearchTranslate(defaultTranslations) @@ -64,165 +50,4 @@ const $t = createSearchTranslate(defaultTranslations) color: themes.$color-text-disabled; } } -/* -[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-Button { - display: flex; - justify-content: center; - align-items: center; - border-radius: 12px; - margin: 0; - padding: 0; - width: 48px; - height: 55px; - background: transparent; - transition: border-color 0.25s; -} - -/* -.DocSearch-Button:hover { - // background: transparent; -} - -.DocSearch-Button:focus { - outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; -} - -.DocSearch-Button:focus:not(:focus-visible) { - outline: none !important; -} - -.DocSearch-Button .DocSearch-Button-Container { - display: flex; - align-items: center; -} - -.DocSearch-Button .DocSearch-Search-Icon { - position: relative; - width: 16px; - height: 16px; - color: var(--vp-c-text-1); - fill: currentColor; - transition: color 0.5s; -} - -.DocSearch-Button:hover .DocSearch-Search-Icon { - color: var(--vp-c-text-1); -} - -@media (min-width: 768px) { - .DocSearch-Button .DocSearch-Search-Icon { - top: 1px; - margin-right: 8px; - width: 14px; - height: 14px; - color: var(--vp-c-text-2); - } -} - -.DocSearch-Button .DocSearch-Button-Placeholder { - display: none; - margin-top: 2px; - padding: 0 16px 0 0; - font-size: 13px; - font-weight: 500; - color: var(--vp-c-text-2); - transition: color 0.5s; -} - -.DocSearch-Button:hover .DocSearch-Button-Placeholder { - color: var(--vp-c-text-1); -} - -@media (min-width: 768px) { - .DocSearch-Button .DocSearch-Button-Placeholder { - display: inline-block; - } -} - -*/ - -/* -.DocSearch-Button .DocSearch-Button-Keys { - direction: ltr; - display: none; - min-width: auto; -} - -@media (min-width: 768px) { - .DocSearch-Button .DocSearch-Button-Keys { - display: flex; - align-items: center; - } -} - -.DocSearch-Button .DocSearch-Button-Key { - display: block; - margin: 2px 0 0 0; - border: 1px solid var(--vp-c-divider); - border-right: none; - border-radius: 4px 0 0 4px; - padding-left: 6px; - min-width: 0; - width: auto; - height: 22px; - line-height: 22px; - font-family: var(--vp-font-family-base); - font-size: 12px; - font-weight: 500; - transition: color 0.5s, border-color 0.5s; -} - -.DocSearch-Button .DocSearch-Button-Key+.DocSearch-Button-Key { - border-right: 1px solid var(--vp-c-divider); - border-left: none; - border-radius: 0 4px 4px 0; - padding-left: 2px; - padding-right: 6px; -} - -.DocSearch-Button .DocSearch-Button-Key:first-child { - font-size: 0 !important; -} - -.DocSearch-Button .DocSearch-Button-Key:first-child:after { - content: 'Ctrl'; - font-size: 12px; - letter-spacing: normal; - color: var(--docsearch-muted-color); -} - -.mac .DocSearch-Button .DocSearch-Button-Key:first-child:after { - content: '\2318'; -} - -.DocSearch-Button .DocSearch-Button-Key:first-child>* { - display: none; -} - */