fix: integration icons & graph bg fix (#742)

This commit is contained in:
Mahesh Sanikommu 2026-02-17 03:00:18 +05:30 committed by GitHub
parent 548933b3e0
commit cb18ff4fe5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 44 additions and 3 deletions

View file

@ -313,7 +313,7 @@ export default function NewPage() {
{isGraphMode && (
<div
id="graph-dotted-grid"
className="absolute inset-0 pointer-events-none bg-[radial-gradient(circle_at_center,#69A7F0_0.1px,transparent_1px)] bg-size-[24px_24px] mask-[radial-gradient(ellipse_at_center,black_60%,transparent_100%)]"
className="absolute inset-0 pointer-events-none bg-[radial-gradient(circle_at_center,rgba(105,167,240,0.25)_1px,transparent_1px)] bg-size-[32px_32px] mask-[radial-gradient(ellipse_at_center,black_60%,transparent_100%)]"
/>
)}
<Header

View file

@ -22,7 +22,7 @@ import { Button } from "@ui/components/button"
import { cn } from "@lib/utils"
import { dmSansClassName } from "@/lib/fonts"
import { Tabs, TabsList, TabsTrigger } from "@ui/components/tabs"
import { GraphIcon } from "@/components/integration-icons"
import { GraphIcon, IntegrationsIcon } from "@/components/integration-icons"
import {
DropdownMenu,
DropdownMenuContent,
@ -184,7 +184,7 @@ export function Header({ onAddMemory, onOpenChat, onOpenSearch }: HeaderProps) {
dmSansClassName(),
)}
>
<Sun className="size-4" />
<IntegrationsIcon className="size-4" />
Integrations
</TabsTrigger>
</TabsList>

View file

@ -3,6 +3,47 @@ import { Rotate3d } from "lucide-react"
export { Rotate3d as GraphIcon }
export function IntegrationsIcon({ className }: { className?: string }) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22"
fill="none"
className={className}
>
<title>Integrations</title>
<path
d="M15.6654 18.0026C16.954 18.0026 17.9987 16.9579 17.9987 15.6693C17.9987 14.3806 16.954 13.3359 15.6654 13.3359C14.3767 13.3359 13.332 14.3806 13.332 15.6693C13.332 16.9579 14.3767 18.0026 15.6654 18.0026Z"
stroke="currentColor"
strokeWidth="1.55556"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M6.33333 8.66667C7.622 8.66667 8.66667 7.622 8.66667 6.33333C8.66667 5.04467 7.622 4 6.33333 4C5.04467 4 4 5.04467 4 6.33333C4 7.622 5.04467 8.66667 6.33333 8.66667Z"
stroke="currentColor"
strokeWidth="1.55556"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M11.7773 6.33594H14.1107C14.5232 6.33594 14.9189 6.49983 15.2106 6.79155C15.5023 7.08327 15.6662 7.47893 15.6662 7.89149V13.3359"
stroke="currentColor"
strokeWidth="1.55556"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M6.33203 8.66406V17.9974"
stroke="currentColor"
strokeWidth="1.55556"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
}
export function ChromeIcon({ className }: { className?: string }) {
return (
<svg