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

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

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"
>
<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;

View file

@ -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>

View file

@ -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>