light mode
All checks were successful
Deploy / deploy (ubuntu-latest, 2.44.0) (push) Successful in 1m48s
All checks were successful
Deploy / deploy (ubuntu-latest, 2.44.0) (push) Successful in 1m48s
Took 35 minutes
This commit is contained in:
parent
cbc9dcb1ab
commit
876d0094ca
@ -1,4 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36">
|
||||
<path fill="#fff"
|
||||
<path fill="#5865f2"
|
||||
d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 777 B After Width: | Height: | Size: 780 B |
@ -1,5 +1,50 @@
|
||||
<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="#fff"/>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" id="Github-Octocat--Streamline-Svg-Logos.svg"
|
||||
height="98" width="98" stroke-width="1">
|
||||
<desc>Github Octocat Streamline Icon: https://streamlinehq.com</desc>
|
||||
<path fill="#9EDCF2"
|
||||
d="M74.4304 73.4278c0 5.0396-11.6744 9.1002-26.068 9.1002-14.3936 0-26.068-4.0969-26.068-9.1002 0-5.0396 11.6744-9.1002 26.068-9.1002 14.3936 0 26.068 4.0606 26.068 9.1002Z"></path>
|
||||
<mask id="a" width="30" height="25" x="33" y="70" maskUnits="userSpaceOnUse" style="mask-type:luminance">
|
||||
<path fill="#fff"
|
||||
d="M37.159 89.7428c.5801 2.7192 1.9941 4.3145 3.4081 5.2571h14.9012c1.8128-1.2327 3.6618-3.553 3.6618-7.9037V75.8568s.2175-2.7917 2.7917-3.6981c0 0 1.4865-1.0514-.1088-1.6315 0 0-7.0699-.5801-7.0699 5.2209v8.5564s.2901 3.1542-1.3777 4.4594V78.1772s.1088-3.3718 1.8491-4.6407c0 0 1.1602-2.0666-1.3777-1.5228 0 0-4.8583.6889-5.0759 6.381l-.1087 10.8768H47.492l-.1088-10.8768c-.2175-5.6559-5.0758-6.381-5.0758-6.381-2.5379-.5801-1.3777 1.5228-1.3777 1.5228 1.7402 1.2689 1.849 4.6407 1.849 4.6407v10.6955c-1.6678-1.1965-1.3777-4.5682-1.3777-4.5682v-8.5564c0-5.801-7.0699-5.2209-7.0699-5.2209-1.6315.5801-.1088 1.6315-.1088 1.6315 2.5379.9427 2.7917 3.6981 2.7917 3.6981v7.8676l.145 6.0184Z"></path>
|
||||
</mask>
|
||||
<g mask="url(#a)">
|
||||
<path fill="#7DBCE7"
|
||||
d="M74.4304 73.4276c0 5.0395-11.6744 9.1002-26.068 9.1002-14.3936 0-26.068-4.0969-26.068-9.1002 0-5.0396 11.6744-9.1003 26.068-9.1003 14.3936 0 26.068 4.0607 26.068 9.1003Z"></path>
|
||||
</g>
|
||||
<path fill="#9EDCF2"
|
||||
d="m18.5959 46.6347-.7614 2.6104s-.1812.9427.6889 1.124c.9426-.0363.8701-.9064.7976-1.1602l-.7251-2.5742Z"></path>
|
||||
<path fill="#010101"
|
||||
d="m94.3348 35.6491.0725-.3263c-7.65-1.5227-15.4812-1.559-20.2308-1.3414.7614-2.7917 1.0152-6.0548 1.0152-9.6441 0-5.1846-1.9578-9.3177-5.0758-12.4358.5438-1.7765 1.2689-5.72838-.7251-10.76795 0 0-3.5531-1.12392813-11.6382 4.2782-3.1542-.79763-6.526-1.19645-9.8978-1.19645-3.6981 0-7.4325.47133-10.9493 1.41398C28.5667-.0628898 24.9048 1.0973 24.9048 1.0973c-2.3929 5.98222-.9064 10.4417-.4713 11.5294-2.828 3.0455-4.532 6.9248-4.532 11.6744 0 3.5893.3988 6.8161 1.414 9.6078-4.7858-.1813-12.32702-.1088-19.72321 1.3777l.07251.3263c7.39619-1.4865 15.0099-1.5228 19.7594-1.3415.2176.5801.4714 1.1602.7252 1.704-4.7133.1451-12.72585.7614-20.41209 2.9368l.10877.3263C9.60483 37.0631 17.6899 36.483 22.3669 36.338c2.828 5.2208 8.3389 8.6289 18.2004 9.6803-1.4139.9427-2.8279 2.5379-3.408 5.2571-1.9216.9064-7.94 3.1543-11.5656-3.0817 0 0-2.0304-3.6981-5.9097-3.9882 0 0-3.7706-.0725-.2538 2.3567 0 0 2.5016 1.1964 4.2419 5.6559 0 0 2.2841 7.6137 13.1971 5.1483v7.795s-.2175 2.7917-2.7917 3.6981c0 0-1.5227 1.0514.1088 1.6315 0 0 7.0699.5801 7.0699-5.2208v-8.5564s-.29-3.408 1.3777-4.5682v14.0672s-.1087 3.3718-1.849 4.6408c0 0-1.1602 2.0666 1.3777 1.5227 0 0 4.8583-.6888 5.0758-6.381l.1088-14.2485h1.1602l.1088 14.2485c.2175 5.6559 5.0758 6.381 5.0758 6.381 2.5379.5801 1.3777-1.5227 1.3777-1.5227-1.7403-1.269-1.8491-4.6408-1.8491-4.6408V52.2543c1.6678 1.3052 1.3778 4.4595 1.3778 4.4595v8.5564c0 5.8009 7.0699 5.2208 7.0699 5.2208 1.6315-.5801.1087-1.6315.1087-1.6315-2.5379-.9426-2.7917-3.6981-2.7917-3.6981V53.9221c0-4.387-1.849-6.7073-3.6618-7.9038 10.5142-1.0514 15.5538-4.4232 17.8741-9.7166 4.6045.1088 12.9071.6889 20.8109 2.9368l.1088-.3263c-7.8676-2.2116-16.0976-2.7917-20.7746-2.9368.2175-.5438.3988-1.0876.5801-1.6677 4.8582-.1813 12.7258-.1813 20.412 1.3414Z"></path>
|
||||
<path fill="#F5CCB3"
|
||||
d="M64.8947 24.0835c2.2479 2.0666 3.5893 4.532 3.5893 7.1787 0 12.472-9.2815 12.7983-20.7383 12.7983-11.4569 0-20.7384-1.7403-20.7384-12.7983 0-2.6467 1.3052-5.1121 3.5531-7.1424 3.7344-3.4081 10.0429-1.5953 17.1853-1.5953 7.1424 0 13.4147-1.849 17.149 1.559Z"></path>
|
||||
<path fill="#fff"
|
||||
d="M40.8579 31.9148c0 3.4443-1.9216 6.1997-4.3144 6.1997-2.3929 0-4.3145-2.7917-4.3145-6.1997 0-3.4443 1.9216-6.1998 4.3145-6.1998 2.3928-.0362 4.3144 2.7555 4.3144 6.1998Z"></path>
|
||||
<path fill="#AF5C51"
|
||||
d="M39.4794 31.9872c0 2.2842-1.3052 4.1332-2.8642 4.1332-1.5953 0-2.8642-1.849-2.8642-4.1332 0-2.2841 1.3052-4.1331 2.8642-4.1331s2.8642 1.849 2.8642 4.1331Z"></path>
|
||||
<path fill="#fff"
|
||||
d="M64.0254 31.9148c0 3.4443-1.9216 6.1997-4.3145 6.1997s-4.3144-2.7917-4.3144-6.1997c0-3.4443 1.9215-6.1998 4.3144-6.1998 2.3567-.0362 4.3145 2.7555 4.3145 6.1998Z"></path>
|
||||
<path fill="#AF5C51"
|
||||
d="M62.6108 31.9872c0 2.2842-1.3053 4.1332-2.8643 4.1332-1.5952 0-2.8642-1.849-2.8642-4.1332 0-2.2841 1.3052-4.1331 2.8642-4.1331 1.5953 0 2.8643 1.849 2.8643 4.1331Z"></path>
|
||||
<path fill="#AF5C51"
|
||||
d="M48.9068 37.4257c0 .5801-.4713 1.0877-1.0877 1.0877-.5801 0-1.0877-.4714-1.0877-1.0877 0-.6164.4714-1.0877 1.0877-1.0877.5801 0 1.0877.4713 1.0877 1.0877Z"></path>
|
||||
<path fill="#AF5C51"
|
||||
d="M45.3171 40.1449c-.0725-.1813.0363-.3625.2176-.4351.1813-.0725.3625.0363.4351.2176.29.7976 1.0151 1.3052 1.849 1.3052.8339 0 1.559-.5438 1.8491-1.3052.0725-.1813.2537-.2901.435-.2176.1813.0726.2901.2538.2176.4351-.3626 1.0514-1.3778 1.7766-2.5017 1.7766-1.1239 0-2.1391-.7252-2.5017-1.7766Z"></path>
|
||||
<path fill="#C4E5D9"
|
||||
d="M21.3518 45.0757c0 .29-.3263.5076-.7613.5076-.3988 0-.7614-.2176-.7614-.5076 0-.29.3263-.5076.7614-.5076.435 0 .7613.2176.7613.5076Z"></path>
|
||||
<path fill="#C4E5D9"
|
||||
d="M23.4544 46.2359c0 .29-.3263.5075-.7614.5075-.3988 0-.7614-.2175-.7614-.5075 0-.2901.3263-.5076.7614-.5076s.7614.2175.7614.5076Z"></path>
|
||||
<path fill="#C4E5D9"
|
||||
d="M24.7229 47.7586c0 .2901-.3263.5076-.7613.5076-.3988 0-.7614-.2175-.7614-.5076 0-.29.3263-.5076.7614-.5076.435-.0362.7613.2176.7613.5076Z"></path>
|
||||
<path fill="#C4E5D9"
|
||||
d="M25.8836 49.499c0 .29-.3263.5075-.7614.5075-.3988 0-.7614-.2175-.7614-.5075 0-.2901.3263-.5076.7614-.5076.4351-.0363.7614.2175.7614.5076Z"></path>
|
||||
<path fill="#C4E5D9"
|
||||
d="M27.1521 51.0941c0 .2901-.3263.5076-.7613.5076-.3988 0-.7614-.2175-.7614-.5076 0-.29.3263-.5076.7614-.5076.435 0 .7613.2176.7613.5076Z"></path>
|
||||
<path fill="#C4E5D9"
|
||||
d="M28.8924 52.5081c0 .2901-.3263.5076-.7614.5076-.3988 0-.7614-.2175-.7614-.5076 0-.29.3263-.5076.7614-.5076.4351-.0362.7614.2176.7614.5076Z"></path>
|
||||
<path fill="#C4E5D9"
|
||||
d="M31.3216 53.4146c0 .29-.3263.5075-.7614.5075-.3988 0-.7614-.2175-.7614-.5075 0-.2901.3263-.5076.7614-.5076s.7614.2175.7614.5076Z"></path>
|
||||
<path fill="#C4E5D9"
|
||||
d="M33.7517 53.4146c0 .29-.3263.5075-.7613.5075-.3988 0-.7614-.2175-.7614-.5075 0-.2901.3263-.5076.7614-.5076.435 0 .7613.2175.7613.5076Z"></path>
|
||||
<path fill="#C4E5D9"
|
||||
d="M36.2166 53.0157c0 .29-.3263.5076-.7614.5076-.3988 0-.7614-.2176-.7614-.5076 0-.29.3263-.5076.7614-.5076.3988 0 .7614.2176.7614.5076Z"></path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 986 B After Width: | Height: | Size: 6.7 KiB |
@ -20,13 +20,13 @@ body {
|
||||
--card-foreground: 240 10% 3.9%;
|
||||
--popover: 0 0% 100%;
|
||||
--popover-foreground: 240 10% 3.9%;
|
||||
--primary: 240 5.9% 10%;
|
||||
--primary: 271 91% 65%;
|
||||
--primary-foreground: 0 0% 98%;
|
||||
--secondary: 240 4.8% 95.9%;
|
||||
--secondary-foreground: 240 5.9% 10%;
|
||||
--muted: 240 4.8% 95.9%;
|
||||
--muted-foreground: 240 3.8% 46.1%;
|
||||
--accent: 240 4.8% 95.9%;
|
||||
--accent: 0 0% 90%;
|
||||
--accent-foreground: 240 5.9% 10%;
|
||||
--destructive: 0 84.2% 60.2%;
|
||||
--destructive-foreground: 0 0% 98%;
|
||||
|
||||
@ -54,7 +54,7 @@ const DocsFooter = ({
|
||||
|
||||
{/* Pages */}
|
||||
{previous || next ? (
|
||||
<Separator className="my-4 bg-separator-gradient" />
|
||||
<Separator className="my-4 dark:bg-separator-gradient" />
|
||||
) : undefined}
|
||||
<div className="flex justify-between text-xs sm:text-base">
|
||||
{/* Previous */}
|
||||
|
||||
@ -6,6 +6,7 @@ import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import { cn } from "@/lib/utils";
|
||||
import { ExternalLink, Mail } from "lucide-react";
|
||||
import SocialLink from "@/components/social-link";
|
||||
|
||||
const links = {
|
||||
Resources: [
|
||||
@ -55,18 +56,24 @@ const Footer = (): ReactElement => (
|
||||
{/* Socials */}
|
||||
<div className="pl-1 flex gap-2.5 items-center z-50">
|
||||
<SocialLink
|
||||
className="w-5 h-5"
|
||||
name="GitHub"
|
||||
tooltip="View our Github"
|
||||
logo="github.svg"
|
||||
href="https://github.com/PulseAppCC"
|
||||
/>
|
||||
<SocialLink
|
||||
className="w-5 h-5"
|
||||
name="Discord"
|
||||
tooltip="Join our Discord"
|
||||
logo="discord.svg"
|
||||
href="https://discord.pulseapp.cc"
|
||||
/>
|
||||
<SocialLink
|
||||
className="w-5 h-5"
|
||||
name="Email"
|
||||
logo={<Mail className="opacity-95 w-6 h-6" />}
|
||||
tooltip="Email us"
|
||||
logo={<Mail className="opacity-95 w-full h-full" />}
|
||||
href="mailto:support@pulseapp.cc"
|
||||
/>
|
||||
</div>
|
||||
@ -119,35 +126,6 @@ const Branding = () => (
|
||||
</Link>
|
||||
);
|
||||
|
||||
const SocialLink = ({
|
||||
name,
|
||||
logo,
|
||||
href,
|
||||
}: {
|
||||
name: string;
|
||||
logo: string | ReactElement;
|
||||
href: string;
|
||||
}) => (
|
||||
<Link
|
||||
className="hover:opacity-75 transition-all transform-gpu"
|
||||
href={href}
|
||||
target="_blank"
|
||||
draggable={false}
|
||||
>
|
||||
{typeof logo === "string" ? (
|
||||
<Image
|
||||
src={`/media/${logo}`}
|
||||
alt={`${name}'s Logo`}
|
||||
width={20}
|
||||
height={20}
|
||||
draggable={false}
|
||||
/>
|
||||
) : (
|
||||
logo
|
||||
)}
|
||||
</Link>
|
||||
);
|
||||
|
||||
const LinkCategory = ({
|
||||
title,
|
||||
children,
|
||||
|
||||
@ -5,9 +5,10 @@ import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import QuickSearchDialog from "@/components/navbar/search-dialog";
|
||||
import Sidebar from "@/components/sidebar/sidebar";
|
||||
import SocialLink from "@/components/social-link";
|
||||
|
||||
const Navbar = ({ pages }: { pages: DocsContentMetadata[] }): ReactElement => (
|
||||
<nav className="fixed left-0 inset-x-0 bg-white/[0.007] backdrop-saturate-100 backdrop-blur-xl border-b z-50">
|
||||
<nav className="fixed left-0 inset-x-0 bg-white/95 dark:bg-white/[0.007] backdrop-saturate-100 backdrop-blur-xl border-b z-50">
|
||||
<div className="px-3 md:px-7 max-w-screen-2xl mx-auto py-4 flex justify-between items-center transition-all transform-gpu">
|
||||
{/* Branding */}
|
||||
<Link
|
||||
@ -36,13 +37,15 @@ const Navbar = ({ pages }: { pages: DocsContentMetadata[] }): ReactElement => (
|
||||
<div className="flex gap-5 items-center">
|
||||
<SocialLink
|
||||
name="GitHub"
|
||||
link="https://github.com/PulseAppCC"
|
||||
icon="/media/github.svg"
|
||||
tooltip="View our Github"
|
||||
logo="github.svg"
|
||||
href="https://github.com/PulseAppCC"
|
||||
/>
|
||||
<SocialLink
|
||||
name="Discord"
|
||||
link="https://discord.pulseapp.cc"
|
||||
icon="/media/discord.svg"
|
||||
tooltip="Join our Discord"
|
||||
logo="discord.svg"
|
||||
href="https://discord.pulseapp.cc"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@ -54,21 +57,4 @@ const Navbar = ({ pages }: { pages: DocsContentMetadata[] }): ReactElement => (
|
||||
</div>
|
||||
</nav>
|
||||
);
|
||||
|
||||
const SocialLink = ({
|
||||
name,
|
||||
link,
|
||||
icon,
|
||||
}: {
|
||||
name: string;
|
||||
link: string;
|
||||
icon: string;
|
||||
}): ReactElement => (
|
||||
<div className="relative w-6 h-6 hover:opacity-75 transition-all transform-gpu select-none">
|
||||
<Link href={link} target="_blank" draggable={false}>
|
||||
<Image src={icon} alt={`${name} Logo`} fill draggable={false} />
|
||||
</Link>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default Navbar;
|
||||
|
||||
@ -114,5 +114,4 @@ const QuickSearchDialog = ({
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default QuickSearchDialog;
|
||||
|
||||
@ -127,7 +127,7 @@ const OnThisPage = ({ page }: { page: DocsContentMetadata }): ReactElement => {
|
||||
|
||||
{/* Footer */}
|
||||
<div>
|
||||
<Separator className="mt-1 mb-3.5 bg-separator-gradient" />
|
||||
<Separator className="mt-1 mb-3.5 dark:bg-separator-gradient" />
|
||||
<Footer page={page} />
|
||||
</div>
|
||||
</motion.div>
|
||||
|
||||
@ -72,7 +72,7 @@ const CategoryItem = ({
|
||||
>
|
||||
<Button
|
||||
className={cn(
|
||||
`relative w-full px-1.5 h-8 justify-between hover:bg-accent/35`,
|
||||
`relative w-full px-1.5 h-8 justify-between hover:bg-accent/10 dark:hover:bg-accent/35`,
|
||||
node.isFolder
|
||||
? "mb-0.5 text-sm font-semibold"
|
||||
: "lg:text-base",
|
||||
|
||||
@ -43,7 +43,7 @@ const SidebarContent = ({
|
||||
|
||||
{/* Theme Switcher */}
|
||||
<div className="flex flex-col items-center">
|
||||
<Separator className="mb-3 bg-separator-gradient" />
|
||||
<Separator className="mb-3 dark:bg-separator-gradient" />
|
||||
<ThemeSwitcher />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -39,7 +39,10 @@ const SimpleTooltip = ({
|
||||
}: SimpleTooltipProps): ReactElement => (
|
||||
<Tooltip>
|
||||
<TooltipTrigger asChild>{children}</TooltipTrigger>
|
||||
<TooltipContent className="bg-muted text-white" side={side}>
|
||||
<TooltipContent
|
||||
className="bg-accent text-accent-foreground"
|
||||
side={side}
|
||||
>
|
||||
{content}
|
||||
</TooltipContent>
|
||||
</Tooltip>
|
||||
|
||||
45
src/components/social-link.tsx
Normal file
45
src/components/social-link.tsx
Normal file
@ -0,0 +1,45 @@
|
||||
import { ReactElement } from "react";
|
||||
import SimpleTooltip from "@/components/simple-tooltip";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import { cn } from "@/lib/utils";
|
||||
|
||||
type SocialLinkProps = {
|
||||
className?: string | undefined;
|
||||
name: string;
|
||||
tooltip: string;
|
||||
logo: string | ReactElement;
|
||||
href: string;
|
||||
};
|
||||
|
||||
const SocialLink = ({
|
||||
className,
|
||||
name,
|
||||
tooltip,
|
||||
logo,
|
||||
href,
|
||||
}: SocialLinkProps) => (
|
||||
<SimpleTooltip content={tooltip}>
|
||||
<Link
|
||||
className={cn(
|
||||
"w-6 h-6 hover:opacity-75 transition-all transform-gpu",
|
||||
className
|
||||
)}
|
||||
href={href}
|
||||
target="_blank"
|
||||
draggable={false}
|
||||
>
|
||||
{typeof logo === "string" ? (
|
||||
<Image
|
||||
src={`/media/${logo}`}
|
||||
alt={`${name}'s Logo`}
|
||||
fill
|
||||
draggable={false}
|
||||
/>
|
||||
) : (
|
||||
logo
|
||||
)}
|
||||
</Link>
|
||||
</SimpleTooltip>
|
||||
);
|
||||
export default SocialLink;
|
||||
@ -29,7 +29,7 @@ const ThemeSwitcher = (): ReactElement => {
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="w-fit p-1 flex gap-1.5 bg-black/30 ring-1 ring-white/5 rounded-full">
|
||||
<div className="w-fit p-1 flex gap-1.5 bg-gray-600/5 dark:bg-black/30 ring-1 light:ring-inset ring-gray-600/5 dark:ring-white/5 rounded-full">
|
||||
{Object.entries(themes).map(([theme, icon]) => {
|
||||
const active: boolean = mounted && theme === activeTheme;
|
||||
return (
|
||||
@ -41,7 +41,7 @@ const ThemeSwitcher = (): ReactElement => {
|
||||
className={cn(
|
||||
"p-1 h-6 opacity-80 rounded-full",
|
||||
active &&
|
||||
"ring-1 bg-zinc-900 ring-white/15 opacity-100"
|
||||
"ring-1 bg-white dark:bg-zinc-900 ring-gray-900/10 dark:ring-white/15 hover:bg-white hover:dark:bg-zinc-900 opacity-100"
|
||||
)}
|
||||
variant="ghost"
|
||||
onClick={() => setTheme(theme)}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user