flightsimulatorplatfrom/OpenSquawk
1
0
Fork 0
mirror of https://github.com/OpenSquawk/OpenSquawk synced 2026-08-12 12:25:39 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: simplify landing nav on small screens

Browse Source
This commit is contained in:
itsrubberduck
2026-04-23 10:51:14 +02:00
parent 7355605c00
commit 329deca2ae
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/pages/index.vue
View File

@@ -31,7 +31,7 @@
</div> </div>
<div class="flex items-center gap-2 sm:gap-3"> <div class="flex items-center gap-2 sm:gap-3">
<NuxtLink to="/roadmap" class="btn btn-ghost whitespace-nowrap btn-compact hidden sm:inline-flex"> <NuxtLink to="/roadmap" class="btn btn-ghost whitespace-nowrap btn-compact hidden md:inline-flex">
<v-icon icon="mdi-map-marker-path" size="18" /> <v-icon icon="mdi-map-marker-path" size="18" />
Roadmap Roadmap
</NuxtLink> </NuxtLink>
@@ -82,7 +82,10 @@
:external="item.external" :external="item.external"
:target="item.external ? '_blank' : undefined" :target="item.external ? '_blank' : undefined"
:rel="item.external ? 'noopener' : undefined" :rel="item.external ? 'noopener' : undefined"
class="flex items-center justify-between gap-3 rounded-xl border border-white/10 bg-white/5 px-4 py-3 text-white/80 transition hover:bg-white/10" :class="[
'items-center justify-between gap-3 rounded-xl border border-white/10 bg-white/5 px-4 py-3 text-white/80 transition hover:bg-white/10',
item.hideOnSmall ? 'hidden sm:flex' : 'flex'
]"
@click="handleMobileNavLinkClick($event, item)" @click="handleMobileNavLinkClick($event, item)"
> >
<span class="flex items-center gap-3"> <span class="flex items-center gap-3">
@@ -873,6 +876,7 @@ interface NavLink {
interface ExtendedNavLink extends NavLink { interface ExtendedNavLink extends NavLink {
external?: boolean external?: boolean
icon?: string icon?: string
hideOnSmall?: boolean
} }
const navLinks: NavLink[] = [ const navLinks: NavLink[] = [
@@ -885,9 +889,9 @@ const navLinks: NavLink[] = [
const mobileNavLinks = computed<ExtendedNavLink[]>(() => [ const mobileNavLinks = computed<ExtendedNavLink[]>(() => [
...navLinks, ...navLinks,
{ label: 'Roadmap', to: '/roadmap', icon: 'mdi-map-marker-path' }, { label: 'Roadmap', to: '/roadmap', icon: 'mdi-map-marker-path', hideOnSmall: true },
{ label: 'News', to: '/news', icon: 'mdi-newspaper-variant-outline' }, { label: 'News', to: '/news', icon: 'mdi-newspaper-variant-outline' },
{ label: 'GitHub', to: GITHUB_URL, external: true, icon: 'mdi-github' }, { label: 'GitHub', to: GITHUB_URL, external: true, icon: 'mdi-github', hideOnSmall: true },
]) ])
const router = useRouter() const router = useRouter()