mirror of
https://github.com/zen-browser/www.git
synced 2025-07-08 01:10:02 +02:00
Woried worked the site
Some checks are pending
Upload to bunny / upload (1.22.3) (push) Waiting to run
Some checks are pending
Upload to bunny / upload (1.22.3) (push) Waiting to run
This commit is contained in:
parent
a594d343b4
commit
aa655cceb5
3 changed files with 8 additions and 6 deletions
|
@ -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"
|
||||
>
|
||||
<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="/">
|
||||
zen browser
|
||||
</a>
|
||||
|
@ -109,7 +109,7 @@ import { ArrowRight, ChevronDown } from 'lucide-astro'
|
|||
</nav>
|
||||
<style>
|
||||
.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 {
|
||||
@apply flex gap-2 p-4 flex-col rounded-lg select-none cursor-pointer transition-colors duration-200;
|
||||
|
|
|
@ -17,10 +17,10 @@ const appleIcon = icon({ prefix: "fab", iconName: "apple" });
|
|||
---
|
||||
|
||||
<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">
|
||||
<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>
|
||||
<Title>Try out Zen!</Title>
|
||||
<Description>
|
||||
|
|
|
@ -9,7 +9,7 @@ console.log(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">
|
||||
<div class="px-8 mx-auto flex flex-col lg:w-1/2 gap-6">
|
||||
<div>
|
||||
|
@ -26,7 +26,9 @@ console.log(mods);
|
|||
</header>
|
||||
<div>
|
||||
{mods.map((mod: ZenTheme) => (
|
||||
<a href={`/mods/${mod.id}`}>{mod.name}</a>
|
||||
<a href={`/mods/${mod.id}`}>
|
||||
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
</main>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue