mirror of
https://github.com/ClipFusion-org/clipfusion.git
synced 2025-08-03 15:55:07 +00:00
ui: added socials group to the dashboard
This commit is contained in:
parent
0dc8835d94
commit
773c306cd7
BIN
public/clipfusion-git-logo.png
Normal file
BIN
public/clipfusion-git-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
1
public/github-mark.svg
Normal file
1
public/github-mark.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>
|
||||||
|
After Width: | Height: | Size: 963 B |
@ -15,7 +15,7 @@ import { Card } from "@/components/ui/card";
|
|||||||
const Project = (): ReactNode => {
|
const Project = (): ReactNode => {
|
||||||
return (
|
return (
|
||||||
<AspectRatio ratio={16 / 9}>
|
<AspectRatio ratio={16 / 9}>
|
||||||
<Card className=" rounded-lg shadow-md p-4 w-full h-full">
|
<Card className=" rounded-lg shadow-md p-4 w-full h-full overflow-hidden">
|
||||||
<h3 className="text-lg font-semibold">Project Title</h3>
|
<h3 className="text-lg font-semibold">Project Title</h3>
|
||||||
<p className="text-sm text-gray-600">Project description goes here.</p>
|
<p className="text-sm text-gray-600">Project description goes here.</p>
|
||||||
</Card>
|
</Card>
|
||||||
|
|||||||
@ -1,11 +1,14 @@
|
|||||||
"use client";
|
"use client";
|
||||||
import { FolderOpenIcon, LucideIcon, PlusIcon, SettingsIcon } from "lucide-react";
|
import { FolderOpenIcon, GithubIcon, LucideIcon, PlusIcon, SettingsIcon } from "lucide-react";
|
||||||
import { ReactNode } from "react";
|
import { ReactNode } from "react";
|
||||||
import { SidebarMenuItem, SidebarMenuButton, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarHeader, SidebarFooter, Sidebar, SidebarGroupLabel, SidebarGroupAction } from "../ui/sidebar";
|
import { SidebarMenuItem, SidebarMenuButton, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarHeader, SidebarFooter, Sidebar, SidebarGroupLabel, SidebarGroupAction } from "../ui/sidebar";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import { Label } from "../ui/label";
|
import { Label } from "../ui/label";
|
||||||
import ClipFusionLogo from "../clipfusion-logo";
|
import ClipFusionLogo from "../clipfusion-logo";
|
||||||
import ThemeSwitcher from "../theme-switcher";
|
import ThemeSwitcher from "../theme-switcher";
|
||||||
|
import Image from "next/image";
|
||||||
|
import { Tooltip, TooltipContent } from "../ui/tooltip";
|
||||||
|
import { TooltipTrigger } from "@radix-ui/react-tooltip";
|
||||||
|
|
||||||
interface DashboardItem {
|
interface DashboardItem {
|
||||||
title: string;
|
title: string;
|
||||||
@ -32,7 +35,7 @@ export const Dashboard = (): ReactNode => {
|
|||||||
<Sidebar>
|
<Sidebar>
|
||||||
<SidebarHeader className="flex justify-center items-center mt-2">
|
<SidebarHeader className="flex justify-center items-center mt-2">
|
||||||
<ClipFusionLogo width="30" height="30">
|
<ClipFusionLogo width="30" height="30">
|
||||||
<p className="font-bold text-xl select-none">Community</p>
|
<p className="font-bold text-xl select-none">ClipFusion</p>
|
||||||
</ClipFusionLogo>
|
</ClipFusionLogo>
|
||||||
</SidebarHeader>
|
</SidebarHeader>
|
||||||
<SidebarContent>
|
<SidebarContent>
|
||||||
@ -40,6 +43,9 @@ export const Dashboard = (): ReactNode => {
|
|||||||
<SidebarGroupLabel>
|
<SidebarGroupLabel>
|
||||||
Quick Access
|
Quick Access
|
||||||
</SidebarGroupLabel>
|
</SidebarGroupLabel>
|
||||||
|
<SidebarGroupAction>
|
||||||
|
<PlusIcon/> <span className="sr-only">Add to Quick Access</span>
|
||||||
|
</SidebarGroupAction>
|
||||||
<SidebarGroupContent>
|
<SidebarGroupContent>
|
||||||
<Label className="flex justify-center text-sm text-muted-foreground">Nothing to Show</Label>
|
<Label className="flex justify-center text-sm text-muted-foreground">Nothing to Show</Label>
|
||||||
</SidebarGroupContent>
|
</SidebarGroupContent>
|
||||||
@ -77,7 +83,36 @@ export const Dashboard = (): ReactNode => {
|
|||||||
</SidebarGroup>
|
</SidebarGroup>
|
||||||
</SidebarContent>
|
</SidebarContent>
|
||||||
<SidebarFooter>
|
<SidebarFooter>
|
||||||
<ThemeSwitcher variant="with-text"/>
|
<SidebarGroup>
|
||||||
|
<SidebarGroupLabel>
|
||||||
|
Socials
|
||||||
|
</SidebarGroupLabel>
|
||||||
|
<SidebarGroupContent className="flex flex-row items-center justify-between">
|
||||||
|
<div className="flex flex-row items-center gap-3 pl-2">
|
||||||
|
<Tooltip>
|
||||||
|
<TooltipTrigger>
|
||||||
|
<a href="https://github.com/ClipFusion-org/clipfusion" target="_blank">
|
||||||
|
<Image src="/github-mark.svg" width="25" height="25" alt="ClipFusion GitHub Repository" className="dark:invert hover:opacity-95 active:scale-95"/>
|
||||||
|
</a>
|
||||||
|
</TooltipTrigger>
|
||||||
|
<TooltipContent>
|
||||||
|
<p>ClipFusion GitHub Repository</p>
|
||||||
|
</TooltipContent>
|
||||||
|
</Tooltip>
|
||||||
|
<Tooltip>
|
||||||
|
<TooltipTrigger>
|
||||||
|
<a href="https://git.clipfusion.org/ClipFusion-org/clipfusion" target="_blank">
|
||||||
|
<Image src="/clipfusion-git-logo.png" width="25" height="25" alt="ClipFusion Git Mirror" className="grayscale hover:opacity-95 active:scale-95"/>
|
||||||
|
</a>
|
||||||
|
</TooltipTrigger>
|
||||||
|
<TooltipContent>
|
||||||
|
<p>ClipFusion Git Mirror</p>
|
||||||
|
</TooltipContent>
|
||||||
|
</Tooltip>
|
||||||
|
</div>
|
||||||
|
<ThemeSwitcher/>
|
||||||
|
</SidebarGroupContent>
|
||||||
|
</SidebarGroup>
|
||||||
</SidebarFooter>
|
</SidebarFooter>
|
||||||
</Sidebar>
|
</Sidebar>
|
||||||
);
|
);
|
||||||
|
|||||||
106
src/favicon.svg
Normal file
106
src/favicon.svg
Normal file
@ -0,0 +1,106 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
width="512" height="512" viewBox="0 0 512 512">
|
||||||
|
<defs>
|
||||||
|
</defs>
|
||||||
|
<rect x="0.0" y="0.0" width="51.2" height="51.2" fill="#e77728" />
|
||||||
|
<rect x="0.0" y="51.2" width="51.2" height="51.2" fill="#e78523" />
|
||||||
|
<rect x="0.0" y="102.4" width="51.2" height="51.2" fill="#e9931f" />
|
||||||
|
<rect x="0.0" y="153.60000000000002" width="51.2" height="51.2" fill="#eaa11a" />
|
||||||
|
<rect x="0.0" y="204.8" width="51.2" height="51.2" fill="#ebaf16" />
|
||||||
|
<rect x="0.0" y="256.0" width="51.2" height="51.2" fill="#ecbd11" />
|
||||||
|
<rect x="0.0" y="307.20000000000005" width="51.2" height="51.2" fill="#edcb0d" />
|
||||||
|
<rect x="0.0" y="358.40000000000003" width="51.2" height="51.2" fill="#eed908" />
|
||||||
|
<rect x="0.0" y="409.6" width="51.2" height="51.2" fill="#efe704" />
|
||||||
|
<rect x="0.0" y="460.8" width="51.2" height="51.2" fill="#f0f600" />
|
||||||
|
<rect x="51.2" y="0.0" width="51.2" height="51.2" fill="#cd7c36" />
|
||||||
|
<rect x="51.2" y="51.2" width="51.2" height="51.2" fill="#d18732" />
|
||||||
|
<rect x="51.2" y="102.4" width="51.2" height="51.2" fill="#d5922f" />
|
||||||
|
<rect x="51.2" y="153.60000000000002" width="51.2" height="51.2" fill="#d99e2b" />
|
||||||
|
<rect x="51.2" y="204.8" width="51.2" height="51.2" fill="#dda928" />
|
||||||
|
<rect x="51.2" y="256.0" width="51.2" height="51.2" fill="#e1b424" />
|
||||||
|
<rect x="51.2" y="307.20000000000005" width="51.2" height="51.2" fill="#e5bf20" />
|
||||||
|
<rect x="51.2" y="358.40000000000003" width="51.2" height="51.2" fill="#e9ca1d" />
|
||||||
|
<rect x="51.2" y="409.6" width="51.2" height="51.2" fill="#edd619" />
|
||||||
|
<rect x="51.2" y="460.8" width="51.2" height="51.2" fill="#f1e116" />
|
||||||
|
<rect x="102.4" y="0.0" width="51.2" height="51.2" fill="#b48144" />
|
||||||
|
<rect x="102.4" y="51.2" width="51.2" height="51.2" fill="#bb8a42" />
|
||||||
|
<rect x="102.4" y="102.4" width="51.2" height="51.2" fill="#c2923f" />
|
||||||
|
<rect x="102.4" y="153.60000000000002" width="51.2" height="51.2" fill="#c99a3c" />
|
||||||
|
<rect x="102.4" y="204.8" width="51.2" height="51.2" fill="#d0a339" />
|
||||||
|
<rect x="102.4" y="256.0" width="51.2" height="51.2" fill="#d7ab37" />
|
||||||
|
<rect x="102.4" y="307.20000000000005" width="51.2" height="51.2" fill="#deb334" />
|
||||||
|
<rect x="102.4" y="358.40000000000003" width="51.2" height="51.2" fill="#e5bc31" />
|
||||||
|
<rect x="102.4" y="409.6" width="51.2" height="51.2" fill="#ecc42e" />
|
||||||
|
<rect x="102.4" y="460.8" width="51.2" height="51.2" fill="#f3cc2c" />
|
||||||
|
<rect x="153.60000000000002" y="0.0" width="51.2" height="51.2" fill="#9b8753" />
|
||||||
|
<rect x="153.60000000000002" y="51.2" width="51.2" height="51.2" fill="#a58c51" />
|
||||||
|
<rect x="153.60000000000002" y="102.4" width="51.2" height="51.2" fill="#af924f" />
|
||||||
|
<rect x="153.60000000000002" y="153.60000000000002" width="51.2" height="51.2" fill="#b9974d" />
|
||||||
|
<rect x="153.60000000000002" y="204.8" width="51.2" height="51.2" fill="#c39c4b" />
|
||||||
|
<rect x="153.60000000000002" y="256.0" width="51.2" height="51.2" fill="#cda249" />
|
||||||
|
<rect x="153.60000000000002" y="307.20000000000005" width="51.2" height="51.2" fill="#d7a748" />
|
||||||
|
<rect x="153.60000000000002" y="358.40000000000003" width="51.2" height="51.2" fill="#e1ad46" />
|
||||||
|
<rect x="153.60000000000002" y="409.6" width="51.2" height="51.2" fill="#ebb244" />
|
||||||
|
<rect x="153.60000000000002" y="460.8" width="51.2" height="51.2" fill="#f5b842" />
|
||||||
|
<rect x="204.8" y="0.0" width="51.2" height="51.2" fill="#828c61" />
|
||||||
|
<rect x="204.8" y="51.2" width="51.2" height="51.2" fill="#8f8f60" />
|
||||||
|
<rect x="204.8" y="102.4" width="51.2" height="51.2" fill="#9c915f" />
|
||||||
|
<rect x="204.8" y="153.60000000000002" width="51.2" height="51.2" fill="#a9945e" />
|
||||||
|
<rect x="204.8" y="204.8" width="51.2" height="51.2" fill="#b6965d" />
|
||||||
|
<rect x="204.8" y="256.0" width="51.2" height="51.2" fill="#c3995c" />
|
||||||
|
<rect x="204.8" y="307.20000000000005" width="51.2" height="51.2" fill="#cf9b5b" />
|
||||||
|
<rect x="204.8" y="358.40000000000003" width="51.2" height="51.2" fill="#dc9e5a" />
|
||||||
|
<rect x="204.8" y="409.6" width="51.2" height="51.2" fill="#e9a059" />
|
||||||
|
<rect x="204.8" y="460.8" width="51.2" height="51.2" fill="#f6a358" />
|
||||||
|
<rect x="256.0" y="0.0" width="51.2" height="51.2" fill="#699270" />
|
||||||
|
<rect x="256.0" y="51.2" width="51.2" height="51.2" fill="#799170" />
|
||||||
|
<rect x="256.0" y="102.4" width="51.2" height="51.2" fill="#89916f" />
|
||||||
|
<rect x="256.0" y="153.60000000000002" width="51.2" height="51.2" fill="#99916f" />
|
||||||
|
<rect x="256.0" y="204.8" width="51.2" height="51.2" fill="#a8906f" />
|
||||||
|
<rect x="256.0" y="256.0" width="51.2" height="51.2" fill="#b8906f" />
|
||||||
|
<rect x="256.0" y="307.20000000000005" width="51.2" height="51.2" fill="#c88f6f" />
|
||||||
|
<rect x="256.0" y="358.40000000000003" width="51.2" height="51.2" fill="#d88f6e" />
|
||||||
|
<rect x="256.0" y="409.6" width="51.2" height="51.2" fill="#e88f6e" />
|
||||||
|
<rect x="256.0" y="460.8" width="51.2" height="51.2" fill="#f88e6e" />
|
||||||
|
<rect x="307.20000000000005" y="0.0" width="51.2" height="51.2" fill="#50977e" />
|
||||||
|
<rect x="307.20000000000005" y="51.2" width="51.2" height="51.2" fill="#63947f" />
|
||||||
|
<rect x="307.20000000000005" y="102.4" width="51.2" height="51.2" fill="#769180" />
|
||||||
|
<rect x="307.20000000000005" y="153.60000000000002" width="51.2" height="51.2" fill="#888d80" />
|
||||||
|
<rect x="307.20000000000005" y="204.8" width="51.2" height="51.2" fill="#9b8a81" />
|
||||||
|
<rect x="307.20000000000005" y="256.0" width="51.2" height="51.2" fill="#ae8782" />
|
||||||
|
<rect x="307.20000000000005" y="307.20000000000005" width="51.2" height="51.2" fill="#c18382" />
|
||||||
|
<rect x="307.20000000000005" y="358.40000000000003" width="51.2" height="51.2" fill="#d48083" />
|
||||||
|
<rect x="307.20000000000005" y="409.6" width="51.2" height="51.2" fill="#e77d84" />
|
||||||
|
<rect x="307.20000000000005" y="460.8" width="51.2" height="51.2" fill="#fa7a84" />
|
||||||
|
<rect x="358.40000000000003" y="0.0" width="51.2" height="51.2" fill="#379d8d" />
|
||||||
|
<rect x="358.40000000000003" y="51.2" width="51.2" height="51.2" fill="#4d968e" />
|
||||||
|
<rect x="358.40000000000003" y="102.4" width="51.2" height="51.2" fill="#629090" />
|
||||||
|
<rect x="358.40000000000003" y="153.60000000000002" width="51.2" height="51.2" fill="#788a91" />
|
||||||
|
<rect x="358.40000000000003" y="204.8" width="51.2" height="51.2" fill="#8e8493" />
|
||||||
|
<rect x="358.40000000000003" y="256.0" width="51.2" height="51.2" fill="#a47e94" />
|
||||||
|
<rect x="358.40000000000003" y="307.20000000000005" width="51.2" height="51.2" fill="#ba7796" />
|
||||||
|
<rect x="358.40000000000003" y="358.40000000000003" width="51.2" height="51.2" fill="#d07197" />
|
||||||
|
<rect x="358.40000000000003" y="409.6" width="51.2" height="51.2" fill="#e56b99" />
|
||||||
|
<rect x="358.40000000000003" y="460.8" width="51.2" height="51.2" fill="#fb659a" />
|
||||||
|
<rect x="409.6" y="0.0" width="51.2" height="51.2" fill="#1ea29b" />
|
||||||
|
<rect x="409.6" y="51.2" width="51.2" height="51.2" fill="#36999d" />
|
||||||
|
<rect x="409.6" y="102.4" width="51.2" height="51.2" fill="#4f90a0" />
|
||||||
|
<rect x="409.6" y="153.60000000000002" width="51.2" height="51.2" fill="#6887a2" />
|
||||||
|
<rect x="409.6" y="204.8" width="51.2" height="51.2" fill="#817ea5" />
|
||||||
|
<rect x="409.6" y="256.0" width="51.2" height="51.2" fill="#9a75a7" />
|
||||||
|
<rect x="409.6" y="307.20000000000005" width="51.2" height="51.2" fill="#b26ba9" />
|
||||||
|
<rect x="409.6" y="358.40000000000003" width="51.2" height="51.2" fill="#cb62ac" />
|
||||||
|
<rect x="409.6" y="409.6" width="51.2" height="51.2" fill="#e459ae" />
|
||||||
|
<rect x="409.6" y="460.8" width="51.2" height="51.2" fill="#fd50b0" />
|
||||||
|
<rect x="460.8" y="0.0" width="51.2" height="51.2" fill="#05a8aa" />
|
||||||
|
<rect x="460.8" y="51.2" width="51.2" height="51.2" fill="#209bad" />
|
||||||
|
<rect x="460.8" y="102.4" width="51.2" height="51.2" fill="#3c90b0" />
|
||||||
|
<rect x="460.8" y="153.60000000000002" width="51.2" height="51.2" fill="#5884b3" />
|
||||||
|
<rect x="460.8" y="204.8" width="51.2" height="51.2" fill="#7478b6" />
|
||||||
|
<rect x="460.8" y="256.0" width="51.2" height="51.2" fill="#8f6cba" />
|
||||||
|
<rect x="460.8" y="307.20000000000005" width="51.2" height="51.2" fill="#ab60bd" />
|
||||||
|
<rect x="460.8" y="358.40000000000003" width="51.2" height="51.2" fill="#c754c0" />
|
||||||
|
<rect x="460.8" y="409.6" width="51.2" height="51.2" fill="#e348c3" />
|
||||||
|
<rect x="460.8" y="460.8" width="51.2" height="51.2" fill="#ff3cc7" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 7.8 KiB |
Loading…
Reference in New Issue
Block a user