mirror of
https://github.com/zen-browser/www.git
synced 2025-07-08 17:30:01 +02:00
refactor: Remove hideNavbar prop from Layout component and adjust download page layout
This commit is contained in:
parent
d47490a22e
commit
d057f66556
2 changed files with 5 additions and 6 deletions
|
@ -5,10 +5,9 @@ interface Props {
|
||||||
ogImage?: string
|
ogImage?: string
|
||||||
isHome?: boolean
|
isHome?: boolean
|
||||||
redirect?: string
|
redirect?: string
|
||||||
hideNavbar?: boolean
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const { title, description, ogImage, isHome, redirect, hideNavbar } = Astro.props
|
const { title, description, ogImage, isHome, redirect } = Astro.props
|
||||||
const defaultDescription =
|
const defaultDescription =
|
||||||
'Zen Browser is built for speed, security, and true privacy. Download now to enjoy a beautifully-designed, distraction-free web experience packed with features.'
|
'Zen Browser is built for speed, security, and true privacy. Download now to enjoy a beautifully-designed, distraction-free web experience packed with features.'
|
||||||
import '@fontsource/bricolage-grotesque/400.css'
|
import '@fontsource/bricolage-grotesque/400.css'
|
||||||
|
@ -100,7 +99,7 @@ const locale = getLocale(Astro)
|
||||||
<body
|
<body
|
||||||
class="min-h-[max(100dvh,_64rem)] overflow-x-hidden text-balance bg-paper font-['bricolage-grotesque'] text-dark"
|
class="min-h-[max(100dvh,_64rem)] overflow-x-hidden text-balance bg-paper font-['bricolage-grotesque'] text-dark"
|
||||||
>
|
>
|
||||||
{hideNavbar ? null : <NavBar />}
|
<NavBar />
|
||||||
<slot />
|
<slot />
|
||||||
<Footer />
|
<Footer />
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -35,9 +35,9 @@ const platformDescriptions = download.platformDescriptions
|
||||||
|
|
||||||
<DownloadScript />
|
<DownloadScript />
|
||||||
|
|
||||||
<Layout title={layout.download.title} description={layout.download.description} hideNavbar>
|
<Layout title={layout.download.title} description={layout.download.description}>
|
||||||
<main class="flex min-h-screen flex-col justify-center px-6 data-[os='windows']:bg-zen-blue">
|
<main class="mt-48 flex min-h-screen flex-col px-6 data-[os='windows']:bg-zen-blue">
|
||||||
<div class="container relative mx-auto py-12">
|
<div class="container relative mx-auto pb-12">
|
||||||
<div class="mb-6 flex flex-col gap-4">
|
<div class="mb-6 flex flex-col gap-4">
|
||||||
<div class="download-browser-logo mx-auto">
|
<div class="download-browser-logo mx-auto">
|
||||||
<Image
|
<Image
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue