mirror of
https://code.castopod.org/adaures/castopod
synced 2025-09-13 07:09:22 +00:00
35 lines
884 B
Plaintext
35 lines
884 B
Plaintext
|
---
|
||
|
|
import LanguageSelect from 'virtual:starlight/components/LanguageSelect';
|
||
|
|
import SocialIcons from 'virtual:starlight/components/SocialIcons';
|
||
|
|
import ThemeSelect from 'virtual:starlight/components/ThemeSelect';
|
||
|
|
import type { Props } from '../props';
|
||
|
|
import VersionSelect from './DocsVersionSelect.astro';
|
||
|
|
---
|
||
|
|
|
||
|
|
<div class="mobile-preferences sl-flex">
|
||
|
|
<div class="sl-flex social-icons">
|
||
|
|
<SocialIcons {...Astro.props} />
|
||
|
|
</div>
|
||
|
|
<ThemeSelect {...Astro.props} />
|
||
|
|
<VersionSelect {...Astro.props} />
|
||
|
|
<LanguageSelect {...Astro.props} />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.social-icons {
|
||
|
|
margin-inline-end: auto;
|
||
|
|
gap: 1rem;
|
||
|
|
align-items: center;
|
||
|
|
padding-block: 1rem;
|
||
|
|
}
|
||
|
|
.social-icons:empty {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.mobile-preferences {
|
||
|
|
justify-content: space-between;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
border-top: 1px solid var(--sl-color-gray-6);
|
||
|
|
column-gap: 1rem;
|
||
|
|
padding: 0.5rem 0;
|
||
|
|
}
|
||
|
|
</style>
|