chunzhi/comfyui-deploy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(web): add tooltip for workflow variables

Browse Source
This commit is contained in:
BennyKok
2023-12-21 16:21:32 +08:00
parent 3e55efe0a5
commit c2d67da7db
7 changed files with 114 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/app/layout.tsx
+50 -43
View File
@@ -1,29 +1,29 @@
import "./globals.css";
import { NavbarRight } from "@/components/NavbarRight";
import { Button } from "@/components/ui/button";
import { TooltipProvider } from "@/components/ui/tooltip";
import { ClerkProvider, UserButton } from "@clerk/nextjs";
import { Github } from "lucide-react";
import type { Metadata } from "next";
import meta from "next-gen/config";
import PlausibleProvider from "next-plausible";
import { Inter } from "next/font/google";
import { Toaster } from "sonner";
const inter = Inter({ subsets: ["latin"] });
import meta from 'next-gen/config';
export const metadata: Metadata = {
title: meta['og:title'],
description: meta['og:description'],
title: meta["og:title"],
description: meta["og:description"],
category: 'technology',
category: "technology",
openGraph: {
type: 'website',
title: meta['og:title'],
description: meta['og:description'],
locale: 'en_US',
images: '/og.jpg',
type: "website",
title: meta["og:title"],
description: meta["og:description"],
locale: "en_US",
images: "/og.jpg",
},
};
@@ -35,44 +35,51 @@ export default function RootLayout({
return (
<html lang="en">
<ClerkProvider>
<head>
{process.env.PLAUSIBLE_DOMAIN && (
<PlausibleProvider domain={process.env.PLAUSIBLE_DOMAIN} />
)}
</head>
<body className={inter.className}>
<main className="w-full flex min-h-[100dvh] flex-col items-center justify-start">
<div className="z-[-1] fixed h-full w-full bg-white"><div className="absolute h-full w-full bg-[radial-gradient(#e5e7eb_1px,transparent_1px)] [background-size:16px_16px] [mask-image:radial-gradient(ellipse_50%_50%_at_50%_50%,#000_70%,transparent_100%)]"></div></div>
<div className="w-full h-18 flex items-center justify-between gap-4 p-4 border-b border-gray-200">
<div className="flex flex-row items-center gap-4">
<a className="font-bold text-md md:text-lg hover:underline" href="/">
{meta.name}
</a>
<NavbarRight />
<TooltipProvider>
<head>
{process.env.PLAUSIBLE_DOMAIN && (
<PlausibleProvider domain={process.env.PLAUSIBLE_DOMAIN} />
)}
</head>
<body className={inter.className}>
<main className="w-full flex min-h-[100dvh] flex-col items-center justify-start">
<div className="z-[-1] fixed h-full w-full bg-white">
<div className="absolute h-full w-full bg-[radial-gradient(#e5e7eb_1px,transparent_1px)] [background-size:16px_16px] [mask-image:radial-gradient(ellipse_50%_50%_at_50%_50%,#000_70%,transparent_100%)]" />
</div>
<div className="flex flex-row items-center gap-2">
<UserButton />
<Button
asChild
variant={"outline"}
className="rounded-full aspect-square p-2"
>
<div className="w-full h-18 flex items-center justify-between gap-4 p-4 border-b border-gray-200">
<div className="flex flex-row items-center gap-4">
<a
target="_blank"
href="https://github.com/BennyKok/comfyui-deploy"
className="font-bold text-md md:text-lg hover:underline"
href="/"
>
<Github />
{meta.name}
</a>
</Button>
<NavbarRight />
</div>
<div className="flex flex-row items-center gap-2">
<UserButton />
<Button
asChild
variant="outline"
className="rounded-full aspect-square p-2"
>
<a
target="_blank"
href="https://github.com/BennyKok/comfyui-deploy"
>
<Github />
</a>
</Button>
</div>
{/* <div></div> */}
</div>
{/* <div></div> */}
</div>
<div className="md:px-10 px-6 w-full min-h-[calc(100dvh-73px)]">
{children}
</div>
<Toaster richColors />
</main>
</body>
<div className="md:px-10 px-6 w-full min-h-[calc(100dvh-73px)]">
{children}
</div>
<Toaster richColors />
</main>
</body>
</TooltipProvider>
</ClerkProvider>
</html>
);
web/src/app/workflows/[workflow_id]/page.tsx
-1
View File
@@ -48,7 +48,6 @@ export default async function Page({
</div>
<VersionDetails workflow={workflow} />
<MachinesWSMain machines={machines} />
</CardContent>
</Card>