fix theming color
This commit is contained in:
parent
2d6f5f375a
commit
acc194dbd3
BIN
public/banner.png
Normal file
BIN
public/banner.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.3 MiB |
BIN
public/logo.png
Normal file
BIN
public/logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 148 KiB |
@ -66,16 +66,12 @@ export function AgentList() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<section className="my-8">
|
<section className="pt-8 pb-10 min-h-[50vh] bg-white/50 shadow-[inset_10px_-50px_94px_0_rgb(199,199,199,0.2)] backdrop-blur-lg">
|
||||||
<div className="layout">
|
<div className="layout">
|
||||||
<h1 className="text-3xl font-bold text-foreground sm:text-4xl">
|
<h1 className="mb-4 text-3xl font-bold text-foreground sm:text-4xl">
|
||||||
Agents
|
Agents
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
<div className="mb-8 flex flex-col sm:flex-row justify-between">
|
||||||
</section>
|
|
||||||
<section className="pt-4 pb-10 min-h-[50vh] bg-white/50 shadow-[inset_10px_-50px_94px_0_rgb(199,199,199,0.2)] backdrop-blur-lg">
|
|
||||||
<div className="layout">
|
|
||||||
<div className="flex flex-col sm:flex-row justify-between">
|
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Input
|
<Input
|
||||||
aria-label="search"
|
aria-label="search"
|
||||||
@ -94,7 +90,7 @@ export function AgentList() {
|
|||||||
<Search className="absolute w-4 h-4 left-2 top-1/2 -translate-y-1/2 text-gray-300" />
|
<Search className="absolute w-4 h-4 left-2 top-1/2 -translate-y-1/2 text-gray-300" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ul className="grid grid-cols-1 gap-8 py-10 sm:grid-cols-2 lg:grid-cols-3">
|
<ul className="grid grid-cols-1 gap-8 mb-10 sm:grid-cols-2 lg:grid-cols-3">
|
||||||
{isLoading &&
|
{isLoading &&
|
||||||
[...Array(6)].map((_, idx) => (
|
[...Array(6)].map((_, idx) => (
|
||||||
<li key={idx}>
|
<li key={idx}>
|
||||||
|
Binary file not shown.
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
@ -10,19 +10,19 @@
|
|||||||
--card-foreground: 222.2 84% 4.9%;
|
--card-foreground: 222.2 84% 4.9%;
|
||||||
--popover: 0 0% 100%;
|
--popover: 0 0% 100%;
|
||||||
--popover-foreground: 222.2 84% 4.9%;
|
--popover-foreground: 222.2 84% 4.9%;
|
||||||
--primary: 208 100% 15%;
|
--primary: 9 60% 32%;
|
||||||
--primary-foreground: 210 40% 98%;
|
--primary-foreground: 210 40% 98%;
|
||||||
--secondary: 210 40% 96.1%;
|
--secondary: 210 40% 96.1%;
|
||||||
--secondary-foreground: 349 100% 55.5%;
|
--secondary-foreground: 349 100% 55.5%;
|
||||||
--muted: 210 40% 96.1%;
|
--muted: 210 40% 96.1%;
|
||||||
--muted-foreground: 215.4 16.3% 46.9%;
|
--muted-foreground: 215.4 16.3% 46.9%;
|
||||||
--accent: 210 40% 96.1%;
|
--accent: 210 40% 96.1%;
|
||||||
--accent-foreground: 208, 100%, 15%;
|
--accent-foreground: 22 68% 91%;
|
||||||
--destructive: 0 84.2% 60.2%;
|
--destructive: 0 84.2% 60.2%;
|
||||||
--destructive-foreground: 210 40% 98%;
|
--destructive-foreground: 210 40% 98%;
|
||||||
--border: 214.3 31.8% 91.4%;
|
--border: 214.3 31.8% 91.4%;
|
||||||
--input: 214.3 31.8% 91.4%;
|
--input: 214.3 31.8% 91.4%;
|
||||||
--ring: 222.2 84% 4.9%;
|
--ring: 9 60% 32%;
|
||||||
--radius: 0.5rem;
|
--radius: 0.5rem;
|
||||||
--chart-1: 12 76% 61%;
|
--chart-1: 12 76% 61%;
|
||||||
--chart-2: 173 58% 39%;
|
--chart-2: 173 58% 39%;
|
||||||
@ -38,14 +38,14 @@
|
|||||||
--card-foreground: 0 0% 98%;
|
--card-foreground: 0 0% 98%;
|
||||||
--popover: 240 10% 3.9%;
|
--popover: 240 10% 3.9%;
|
||||||
--popover-foreground: 0 0% 98%;
|
--popover-foreground: 0 0% 98%;
|
||||||
--primary: 208 100% 15%;
|
--primary: 22 68% 91%;
|
||||||
--primary-foreground: 240 5.9% 10%;
|
--primary-foreground: 240 5.9% 10%;
|
||||||
--secondary: 240 3.7% 15.9%;
|
--secondary: 240 3.7% 15.9%;
|
||||||
--secondary-foreground: 349 100% 55.5%;
|
--secondary-foreground: 349 100% 55.5%;
|
||||||
--muted: 240 3.7% 15.9%;
|
--muted: 240 3.7% 15.9%;
|
||||||
--muted-foreground: 240 5% 64.9%;
|
--muted-foreground: 240 5% 64.9%;
|
||||||
--accent: 240 3.7% 15.9%;
|
--accent: 240 3.7% 15.9%;
|
||||||
--accent-foreground: 208 100% 15%;
|
--accent-foreground: 9 60% 32%;
|
||||||
--destructive: 0 62.8% 30.6%;
|
--destructive: 0 62.8% 30.6%;
|
||||||
--destructive-foreground: 0 85.7% 97.3%;
|
--destructive-foreground: 0 85.7% 97.3%;
|
||||||
--border: 240 3.7% 15.9%;
|
--border: 240 3.7% 15.9%;
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
import { Icons } from "@/components/icons";
|
import { Icons } from "@/components/icons";
|
||||||
import { siteConfig } from "@/lib/config";
|
import { siteConfig } from "@/lib/config";
|
||||||
import { ChevronRight } from "lucide-react";
|
import { ChevronRight } from "lucide-react";
|
||||||
|
import Image from "next/image";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
|
||||||
export default function Footer() {
|
export default function Footer() {
|
||||||
@ -12,7 +13,14 @@ export default function Footer() {
|
|||||||
title={siteConfig.name}
|
title={siteConfig.name}
|
||||||
className="relative mr-6 flex items-center space-x-2"
|
className="relative mr-6 flex items-center space-x-2"
|
||||||
>
|
>
|
||||||
<Icons.logo className="w-auto h-[40px]" />
|
<Image
|
||||||
|
src="/logo.png"
|
||||||
|
height={40}
|
||||||
|
width={40}
|
||||||
|
alt="logo"
|
||||||
|
className="rounded-md shadow"
|
||||||
|
/>
|
||||||
|
{/* <Icons.logo className="w-auto h-[40px]" /> */}
|
||||||
<span className="font-bold text-xl">{siteConfig.name}</span>
|
<span className="font-bold text-xl">{siteConfig.name}</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
@ -6,6 +6,7 @@ import Menu from "@/components/menu";
|
|||||||
import { buttonVariants } from "@/components/ui/button";
|
import { buttonVariants } from "@/components/ui/button";
|
||||||
import { siteConfig } from "@/lib/config";
|
import { siteConfig } from "@/lib/config";
|
||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
|
import Image from "next/image";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import { useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
|
|
||||||
@ -30,9 +31,7 @@ export default function Header() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<header
|
<header
|
||||||
className={
|
className={" sticky top-0 z-50 py-2 bg-background/60 backdrop-blur"}
|
||||||
"relative sticky top-0 z-50 py-2 bg-background/60 backdrop-blur"
|
|
||||||
}
|
|
||||||
>
|
>
|
||||||
<div className="flex justify-between items-center container">
|
<div className="flex justify-between items-center container">
|
||||||
<Link
|
<Link
|
||||||
@ -40,7 +39,14 @@ export default function Header() {
|
|||||||
title="brand-logo"
|
title="brand-logo"
|
||||||
className="relative mr-6 flex items-center space-x-2"
|
className="relative mr-6 flex items-center space-x-2"
|
||||||
>
|
>
|
||||||
<Icons.logoCrystal className="w-auto h-[28px]" />
|
<Image
|
||||||
|
src="/logo.png"
|
||||||
|
height={36}
|
||||||
|
width={36}
|
||||||
|
alt="logo"
|
||||||
|
className="rounded-md shadow"
|
||||||
|
/>
|
||||||
|
{/* <Icons.logoCrystal className="w-auto h-[28px]" /> */}
|
||||||
<span className="font-bold text-xl">{siteConfig.name}</span>
|
<span className="font-bold text-xl">{siteConfig.name}</span>
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
@ -51,10 +57,7 @@ export default function Header() {
|
|||||||
</nav> */}
|
</nav> */}
|
||||||
|
|
||||||
<div className="gap-2 flex">
|
<div className="gap-2 flex">
|
||||||
<Link
|
<Link href="/" className={buttonVariants({ variant: "default" })}>
|
||||||
href="/"
|
|
||||||
className={buttonVariants({ variant: "outline" })}
|
|
||||||
>
|
|
||||||
Connect Wallet
|
Connect Wallet
|
||||||
</Link>
|
</Link>
|
||||||
{/* <Link
|
{/* <Link
|
||||||
|
@ -13,7 +13,7 @@ const buttonVariants = cva(
|
|||||||
destructive:
|
destructive:
|
||||||
"bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
"bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
||||||
outline:
|
outline:
|
||||||
"border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
"border border-input bg-background hover:bg-accent hover:text-primary",
|
||||||
secondary:
|
secondary:
|
||||||
"bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
"bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
||||||
ghost: "hover:bg-accent hover:text-accent-foreground",
|
ghost: "hover:bg-accent hover:text-accent-foreground",
|
||||||
|
Loading…
x
Reference in New Issue
Block a user