/
Alex_Ural
/
opencode
Обзор
Документация
Войти
/
Alex_Ural
/
opencode
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/web/src/components/SiteTitle.astro
59 строк
1 KB
Adam
wip(docs): i18n (#12681)
09 фев 2026, 20:34
Не верифицирован
09 фев 2026, 20:34
dc53086
Код
Авторство
О чём код?
--- import { logos } from 'virtual:starlight/user-images'; import config from 'virtual:starlight/user-config'; const { siteTitle, siteTitleHref } = Astro.locals.starlightRoute; --- <a href={siteTitleHref} class="site-title sl-flex"> { config.logo && logos.dark && ( <> <img class:list={{ 'light:sl-hidden print:hidden': !('src' in config.logo) }} alt={config.logo.alt} src={logos.dark.src} width={logos.dark.width} height={logos.dark.height} /> {/* Show light alternate if a user configure both light and dark logos. */} {!('src' in config.logo) && ( <img class="dark:sl-hidden print:block" alt={config.logo.alt} src={logos.light?.src} width={logos.light?.width} height={logos.light?.height} /> )} </> ) } <span class:list={{ 'sr-only': config.logo?.replacesTitle }} translate="no"> {siteTitle} </span> </a> <style> @layer starlight.core { .site-title { align-items: center; gap: var(--sl-nav-gap); font-size: var(--sl-text-h4); font-weight: 600; color: var(--sl-color-text-accent); text-decoration: none; white-space: nowrap; min-width: 0; } span { overflow: hidden; } img { height: calc(var(--sl-nav-height) - 2 * var(--sl-nav-pad-y)); width: auto; max-width: 100%; object-fit: contain; object-position: 0 50%; } } </style>