From 69fd40db5993f876996f050d595cd0dade3f5d0d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=90=D0=BB=D0=B5=D0=BA=D1=81=D0=B0=D0=BD=D0=B4=D1=80=20?= =?UTF-8?q?=D0=90=D0=BD=D0=B8=D1=81=D0=B8=D0=BD?= <72320596+alexanderanisin@users.noreply.github.com> Date: Fri, 5 Jun 2026 14:00:00 +0300 Subject: [PATCH] =?UTF-8?q?=D0=90=D0=B4=D0=B0=D0=BF=D1=82=D0=B0=D1=86?= =?UTF-8?q?=D0=B8=D1=8F=20=D1=81=D0=B0=D0=B9=D1=82=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/.vitepress/config.mts | 6 +++++ .../theme/components/CustomHero.vue | 26 ++++++++++++++++++- .../theme/components/CustomHomeFeature.vue | 9 +++++++ .../theme/components/CustomHomeFeatures.vue | 15 +++++++++++ .../components/CustomHomeServiceCard.vue | 13 ++++++++++ .../theme/components/CustomHomeServices.vue | 11 ++++++++ .../theme/scss/components/vp-doc.scss | 10 +++---- 7 files changed, 84 insertions(+), 6 deletions(-) diff --git a/src/.vitepress/config.mts b/src/.vitepress/config.mts index a1d951c..f2192b5 100644 --- a/src/.vitepress/config.mts +++ b/src/.vitepress/config.mts @@ -48,6 +48,7 @@ export default defineConfig({ description: "Документация Beeline Cloud", head: [['link', { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/bee-favicon.png' }]], base: typeof new_version !== 'undefined' ? '/' : '/docs/', + appearance: false, markdown: { config(md) { md.use(tabsMarkdownPlugin) @@ -134,6 +135,11 @@ export default defineConfig({ outline: { label: 'Содержание' }, + + returnToTopLabel: 'Вернуться к началу', + sidebarMenuLabel: 'Меню', + skipToContentLabel: 'Перейти к содержимому', + sidebar: { diff --git a/src/.vitepress/theme/components/CustomHero.vue b/src/.vitepress/theme/components/CustomHero.vue index 1a94a8b..fb0a937 100644 --- a/src/.vitepress/theme/components/CustomHero.vue +++ b/src/.vitepress/theme/components/CustomHero.vue @@ -106,7 +106,7 @@ $topSpacing: 40px; flex-grow: 1; flex-shrink: 0; background-color: themes.$color-background-secondary; - padding: 98px 92px; + padding: 32px 92px; border-radius: sizes.$size-border-radius-x6; .VPHero.has-image .container { @@ -142,6 +142,30 @@ $topSpacing: 40px; } } +@media (max-width: 959px) { + .main .name, + .main .text { + font-size: 40px; + line-height: 48px; + } +} + +@media (max-width: 639px) { + .main { + padding: 32px 20px; + } + + .main .name, + .main .text { + font-size: clamp(28px, 8vw, 34px); + line-height: 1.2; + } + + .main .name { + padding-bottom: 24px; + } +} + .clip { background: var(--color-gradient-magma); -webkit-background-clip: text; diff --git a/src/.vitepress/theme/components/CustomHomeFeature.vue b/src/.vitepress/theme/components/CustomHomeFeature.vue index 31eda20..9aaa443 100644 --- a/src/.vitepress/theme/components/CustomHomeFeature.vue +++ b/src/.vitepress/theme/components/CustomHomeFeature.vue @@ -74,6 +74,10 @@ const handleClick = (event: Event) => { border: 1px solid themes.$color-border; max-width: 344px; padding: sizes.$size-spacing-x8 sizes.$size-spacing-x6; + + @media (max-width: 639px) { + max-width: none; + } &WithScroll { cursor: pointer; @@ -96,6 +100,11 @@ const handleClick = (event: Event) => { @include mixin.h4; color: themes.$color-text-active; + @media (max-width: 639px) { + font-size: 20px; + line-height: 26px; + } + &:hover { color: themes.$color-text-link; } diff --git a/src/.vitepress/theme/components/CustomHomeFeatures.vue b/src/.vitepress/theme/components/CustomHomeFeatures.vue index 4e27f7a..dffe569 100644 --- a/src/.vitepress/theme/components/CustomHomeFeatures.vue +++ b/src/.vitepress/theme/components/CustomHomeFeatures.vue @@ -22,5 +22,20 @@ const { frontmatter } = useData() max-width: 1080px; margin: 0 auto; margin-bottom: 80px; + + @media (max-width: 1080px) { + padding-left: 24px; + padding-right: 24px; + } + + @media (max-width: 959px) { + grid-template-columns: repeat(2, 1fr); + } + + @media (max-width: 639px) { + grid-template-columns: 1fr; + gap: sizes.$size-spacing-x6; + margin-bottom: 48px; + } } \ No newline at end of file diff --git a/src/.vitepress/theme/components/CustomHomeServiceCard.vue b/src/.vitepress/theme/components/CustomHomeServiceCard.vue index 96c4dd9..ebec7c7 100644 --- a/src/.vitepress/theme/components/CustomHomeServiceCard.vue +++ b/src/.vitepress/theme/components/CustomHomeServiceCard.vue @@ -55,12 +55,25 @@ defineProps<{ @include mixin.h4(); color: themes.$color-text-active; margin-bottom: sizes.$size-spacing-x6; + + @media (max-width: 639px) { + font-size: 20px; + line-height: 26px; + } } &Links { display: grid; grid-template-columns: repeat(3, 1fr); gap: sizes.$size-spacing-x6; + + @media (max-width: 959px) { + grid-template-columns: repeat(2, 1fr); + } + + @media (max-width: 639px) { + grid-template-columns: 1fr; + } } &Link { diff --git a/src/.vitepress/theme/components/CustomHomeServices.vue b/src/.vitepress/theme/components/CustomHomeServices.vue index f14b8f5..88b7565 100644 --- a/src/.vitepress/theme/components/CustomHomeServices.vue +++ b/src/.vitepress/theme/components/CustomHomeServices.vue @@ -25,11 +25,22 @@ const { frontmatter } = useData() max-width: 1080px; margin: 0 auto; + @media (max-width: 1080px) { + padding-left: 24px; + padding-right: 24px; + } + &Title { @include mixin.h2; text-align: center; margin-bottom: 40px; color: themes.$color-text-active; + + @media (max-width: 639px) { + font-size: 24px; + line-height: 30px; + margin-bottom: 24px; + } } &List { diff --git a/src/.vitepress/theme/scss/components/vp-doc.scss b/src/.vitepress/theme/scss/components/vp-doc.scss index 15f7c61..51e36d8 100644 --- a/src/.vitepress/theme/scss/components/vp-doc.scss +++ b/src/.vitepress/theme/scss/components/vp-doc.scss @@ -24,27 +24,27 @@ // Titles h1 { - @include font_style(44px, 500, 56px, 0.3px); + @include font_style(26px, 500, 32px, 0.3px); margin-bottom: 24px; } h2 { - @include font_style(26px, 500, 32px, 0.2px); + @include font_style(20px, 500, 28px, 0.2px); margin: 40px 0 24px; } h3 { - @include font_style(26px, 500, 32px, 0.2px); + @include font_style(17px, 500, 22px, 0.2px); margin-bottom: 12px; } h4 { - @include font_style(20px, 700, 28px, 0.2px); + @include font_style(17px, 700, 22px, 0.2px); margin-bottom: 12px; } h5 { - @include font_style(17px, 500, 22px, 0.2px); + @include font_style(15px, 700, 20px, 0.2px); margin-bottom: 12px; }