mirror of
https://github.com/zen-browser/www.git
synced 2025-07-08 09:20:00 +02:00
chore: Update profile color in features component
This commit is contained in:
parent
6a77fcd541
commit
de428dbd46
3 changed files with 16 additions and 8 deletions
|
@ -12,7 +12,7 @@ export default function Feature({
|
||||||
color: string;
|
color: string;
|
||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col lg:flex-row items-center relative mx-auto mt-32">
|
<div className="flex flex-col lg:flex-row items-center relative mx-auto mt-40 pb-40 border-b">
|
||||||
<div
|
<div
|
||||||
className={"flex flex-col justify-center max-w-96"}
|
className={"flex flex-col justify-center max-w-96"}
|
||||||
>
|
>
|
||||||
|
|
|
@ -54,6 +54,12 @@ export function MobileNav() {
|
||||||
>
|
>
|
||||||
Source Code
|
Source Code
|
||||||
</MobileLink>
|
</MobileLink>
|
||||||
|
<MobileLink
|
||||||
|
href="https://patreon.com/zen_browser"
|
||||||
|
onOpenChange={setOpen}
|
||||||
|
>
|
||||||
|
Donate {"<"}3
|
||||||
|
</MobileLink>
|
||||||
{components.map(({title, href, description}) => (
|
{components.map(({title, href, description}) => (
|
||||||
<MobileLink
|
<MobileLink
|
||||||
href={href}
|
href={href}
|
||||||
|
|
|
@ -16,6 +16,7 @@ import {
|
||||||
import Logo from "./logo"
|
import Logo from "./logo"
|
||||||
import { ModeToggle } from "./mode-toggle"
|
import { ModeToggle } from "./mode-toggle"
|
||||||
import { MobileNav } from "./mobile-nav"
|
import { MobileNav } from "./mobile-nav"
|
||||||
|
import { HeartIcon } from "lucide-react"
|
||||||
|
|
||||||
export const components: { title: string; href: string; description: string }[] = [
|
export const components: { title: string; href: string; description: string }[] = [
|
||||||
{
|
{
|
||||||
|
@ -74,6 +75,14 @@ export function Navigation() {
|
||||||
</ul>
|
</ul>
|
||||||
</NavigationMenuContent>
|
</NavigationMenuContent>
|
||||||
</NavigationMenuItem>
|
</NavigationMenuItem>
|
||||||
|
<NavigationMenuItem>
|
||||||
|
<Link target="_blank" href="https://patreon.com/zen_browser" legacyBehavior passHref className="opacity-70 cursor-not-allowed">
|
||||||
|
<NavigationMenuLink className={navigationMenuTriggerStyle()}>
|
||||||
|
<HeartIcon size={16} />
|
||||||
|
<span className="ml-2">Donate</span>
|
||||||
|
</NavigationMenuLink>
|
||||||
|
</Link>
|
||||||
|
</NavigationMenuItem>
|
||||||
<NavigationMenuItem>
|
<NavigationMenuItem>
|
||||||
<NavigationMenuTrigger>Useful Links</NavigationMenuTrigger>
|
<NavigationMenuTrigger>Useful Links</NavigationMenuTrigger>
|
||||||
<NavigationMenuContent>
|
<NavigationMenuContent>
|
||||||
|
@ -90,13 +99,6 @@ export function Navigation() {
|
||||||
</ul>
|
</ul>
|
||||||
</NavigationMenuContent>
|
</NavigationMenuContent>
|
||||||
</NavigationMenuItem>
|
</NavigationMenuItem>
|
||||||
<NavigationMenuItem>
|
|
||||||
<Link href="#" legacyBehavior passHref className="opacity-70 cursor-not-allowed">
|
|
||||||
<NavigationMenuLink className={navigationMenuTriggerStyle()}>
|
|
||||||
Documentation
|
|
||||||
</NavigationMenuLink>
|
|
||||||
</Link>
|
|
||||||
</NavigationMenuItem>
|
|
||||||
<ModeToggle />
|
<ModeToggle />
|
||||||
</NavigationMenuList>
|
</NavigationMenuList>
|
||||||
</NavigationMenu>
|
</NavigationMenu>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue