website/header: add some style to the GitHub button

This commit is contained in:
Adorian Doran 2025-10-04 17:07:32 +03:00
parent 4a01181110
commit 0d9e4a1aa2
2 changed files with 17 additions and 3 deletions

View file

@ -53,6 +53,20 @@ header {
} }
} }
.repository-button a {
display: flex;
color: currentColor;
&:hover {
color: var(--brand-1);
text-decoration: none;
}
.counter {
margin-inline-start: 4px;
}
}
@media (max-width: 719px) { @media (max-width: 719px) {
:root { :root {
--header-height: 60px; --header-height: 60px;

View file

@ -60,9 +60,7 @@ export function Header(props: {repoStargazersCount: number}) {
<SocialButtons className="mobile-only" withText /> <SocialButtons className="mobile-only" withText />
</nav> </nav>
<DownloadButton /> <div class="desktop-only repository-button">
<div class="desktop-only">
<SocialButton <SocialButton
name="GitHub" name="GitHub"
iconSvg={githubIcon} iconSvg={githubIcon}
@ -71,6 +69,8 @@ export function Header(props: {repoStargazersCount: number}) {
/> />
</div> </div>
<DownloadButton />
</div> </div>
</header> </header>
); );