mirror of
https://github.com/aljazceru/opencode.git
synced 2025-12-29 05:34:19 +01:00
60 lines
1.3 KiB
Plaintext
60 lines
1.3 KiB
Plaintext
---
|
|
import { logos } from 'virtual:starlight/user-images';
|
|
import config from 'virtual:starlight/user-config';
|
|
const { siteTitle, siteTitleHref } = Astro.locals.starlightRoute;
|
|
---
|
|
|
|
<a href="/" 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>
|