ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-08 09:20:00 +02:00
Code Issues Projects Releases Packages Wiki Activity

Woried worked the site
Some checks are pending
Upload to bunny / upload (1.22.3) (push) Waiting to run

Browse source
This commit is contained in:
mr. m 🤙 2024-12-09 14:50:16 +00:00
parent a594d343b4
commit aa655cceb5
3 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/NavBar.astro
View file

@ -12,7 +12,7 @@ import { ArrowRight, ChevronDown } from 'lucide-astro'
class="fixed flex justify-between w-full items-center pt-6 px-6 z-10 top-0 left-0" class="fixed flex justify-between w-full items-center pt-6 px-6 z-10 top-0 left-0"
> >
<Astronav> <Astronav>
<MenuItems class="rounded-full border-dark border-2 p-2 pl-4 backdrop-blur-2xl bg-paper/80 dark:bg-paper dark:shadow-md hidden mx-auto lg:flex gap-12"> <MenuItems class="rounded-full border-dark border-2 p-2 pl-4 backdrop-blur-2xl bg-paper dark:bg-paper dark:shadow-md hidden mx-auto lg:flex gap-12">
<a class="font-bold text-lg items-center flex" href="/"> <a class="font-bold text-lg items-center flex" href="/">
zen browser zen browser
</a> </a>
@ -109,7 +109,7 @@ import { ArrowRight, ChevronDown } from 'lucide-astro'
</nav> </nav>
<style> <style>
.navbar-dropdown { .navbar-dropdown {
@apply absolute bg-paper shadow-sm rounded-lg border border-dark p-3 grid gap-2 grid-cols-2; @apply absolute bg-paper shadow-sm rounded-lg border-2 border-dark p-3 grid gap-2 grid-cols-2;
& .dropdown-item { & .dropdown-item {
@apply flex gap-2 p-4 flex-col rounded-lg select-none cursor-pointer transition-colors duration-200; @apply flex gap-2 p-4 flex-col rounded-lg select-none cursor-pointer transition-colors duration-200;

4
src/pages/download.astro
View file

@ -17,10 +17,10 @@ const appleIcon = icon({ prefix: "fab", iconName: "apple" });
--- ---
<Layout title="Welcome to Zen"> <Layout title="Welcome to Zen">
<main class="h-screen flex flex-col justify-center items-center"> <main class="h-screen flex flex-col justify-center items-center mt-52 2xl:mt-0">
<div class="flex justify-center flex-col px-2 md:px-12 lg:px-0 lg:flex-row xl:justify-start"> <div class="flex justify-center flex-col px-2 md:px-12 lg:px-0 lg:flex-row xl:justify-start">
<Image src={myImage} alt="Zen Browser" class="w-24 h-24" /> <Image src={myImage} alt="Zen Browser" class="w-24 h-24" />
<div class="p-4 mb-24 lg:w-1/2 flex flex-col gap-12 "> <div class="p-4 mb-24 lg:w-1/2 flex flex-col gap-12">
<div> <div>
<Title>Try out Zen!</Title> <Title>Try out Zen!</Title>
<Description> <Description>

6
src/pages/mods/index.astro
View file

@ -9,7 +9,7 @@ console.log(mods);
--- ---
<Layout title="Zen Mods"> <Layout title="Zen Mods">
<main> <main class="mt-32 2xl:mt-0">
<header class="min-h-[65vh] flex flex-col justify-center w-full border-b-2 border-dark"> <header class="min-h-[65vh] flex flex-col justify-center w-full border-b-2 border-dark">
<div class="px-8 mx-auto flex flex-col lg:w-1/2 gap-6"> <div class="px-8 mx-auto flex flex-col lg:w-1/2 gap-6">
<div> <div>
@ -26,7 +26,9 @@ console.log(mods);
</header> </header>
<div> <div>
{mods.map((mod: ZenTheme) => ( {mods.map((mod: ZenTheme) => (
<a href={`/mods/${mod.id}`}>{mod.name}</a> <a href={`/mods/${mod.id}`}>
</a>
))} ))}
</div> </div>
</main> </main>