ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-05-25 11:02:17 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add navbar buttons

Browse Source
This commit is contained in:
madkarmaa 2025-05-09 13:44:44 +02:00
parent 63a0e68d24
commit 595a11b4d9
2 changed files with 48 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/lib/components/atoms/Button.svelte
View File

@ -129,7 +129,6 @@
text-decoration: none;
user-select: none;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 16px;

49
src/lib/components/organisms/NavBar.svelte
View File

@ -14,7 +14,7 @@
</Banner>
{/snippet}
<div class="nav-container">
<div id="nav-container">
<!-- whether the api doesn't return 204 or the request itself fails, show banner -->
{#await api.general.ping() then apiUp}
{#if !apiUp}
@ -23,4 +23,51 @@
{:catch _}
{@render apiDownBanner()}
{/await}
<div class="nav-wrapper">
<div id="main-navigation">
<!-- apparently range ignore doesn't work -->
<ul class="nav-buttons">
<!-- prettier-ignore -->
<li><Button type="navbar" href="/" label="Home">Home</Button></li>
<!-- prettier-ignore -->
<li><Button type="navbar" href="/download" label="Download">Download</Button></li>
<!-- prettier-ignore -->
<li><Button type="navbar" href="/patches" label="Patches">Patches</Button></li>
<!-- prettier-ignore -->
<li><Button type="navbar" href="/announcements" label="Announcements">Announcements</Button></li>
<!-- prettier-ignore -->
<li><Button type="navbar" href="/contributors" label="Contributors">Contributors</Button></li>
<!-- prettier-ignore -->
<li><Button type="navbar" href="/donate" label="Donate">Donate</Button></li>
</ul>
</div>
</div>
</div>
<style>
/* .nav-wrapper {
display: flex;
width: 100%;
justify-content: space-between;
}
@media (min-width: 768px) {
.nav-wrapper {
align-items: center;
}
}
#main-navigation,
#secondary-navigation {
align-items: center;
display: flex;
gap: 2rem;
} */
.nav-buttons {
list-style-type: none;
display: flex;
gap: 1rem;
}
</style>