fix(deps): replace lucide brand icons with phosphor ones

This commit is contained in:
Nicolas Meienberger 2026-04-16 21:23:39 +02:00
parent 4ef106481c
commit 4ba26bdbff
No known key found for this signature in database
4 changed files with 12 additions and 13 deletions

View file

@ -766,7 +766,7 @@ If you encounter issues:
View detailed logs with `docker compose logs -f zerobyte`
</Card>
<Card title="GitHub Issues" icon={<Github />}>
<Card title="GitHub Issues" icon={<GithubLogoIcon />}>
Report bugs or request features at [github.com/nicotsx/zerobyte/issues](https://github.com/nicotsx/zerobyte/issues)
</Card>
@ -817,6 +817,7 @@ You've successfully:
Your data is now protected with encrypted, deduplicated backups. Zerobyte will continue to run backups automatically according to your schedule.
import { FolderPlus, Cloud, Bell, History, FileText, Github, BookOpen, Users, Check } from "lucide-react";
import { GithubLogoIcon } from "@phosphor-icons/react";
import { FolderPlus, Cloud, Bell, History, FileText, BookOpen, Users, Check } from "lucide-react";
import { Tab, Tabs } from "fumadocs-ui/components/tabs";
import { Accordion, Accordions } from "fumadocs-ui/components/accordion";

View file

@ -1,5 +1,5 @@
import { Link } from "@tanstack/react-router";
import { Github } from "lucide-react";
import { GithubLogoIcon } from "@phosphor-icons/react";
const repoUrl = "https://github.com/nicotsx/zerobyte";
@ -29,7 +29,7 @@ export default function Footer() {
rel="noopener noreferrer"
className="flex items-center gap-2 text-sm text-muted-foreground transition-colors hover:text-foreground"
>
<Github className="h-4 w-4" />
<GithubLogoIcon className="h-4 w-4" />
GitHub
</a>
</nav>

View file

@ -1,5 +1,5 @@
import { Link } from "@tanstack/react-router";
import { Github } from "lucide-react";
import { GithubLogoIcon, DiscordLogoIcon } from "@phosphor-icons/react";
const discordUrl = "https://discord.gg/MzBXz5v5XB";
const repoUrl = "https://github.com/nicotsx/zerobyte";
@ -46,9 +46,7 @@ export default function Header() {
rel="noopener noreferrer"
className={`${buttonBaseClass} size-9 text-muted-foreground hover:bg-accent hover:text-foreground`}
>
<svg aria-hidden="true" viewBox="0 0 24 24" className="h-5 w-5 fill-current">
<path d="M20.317 4.369A19.791 19.791 0 0 0 15.44 3a13.967 13.967 0 0 0-.599 1.233 18.27 18.27 0 0 0-5.682 0A13.966 13.966 0 0 0 8.56 3a19.736 19.736 0 0 0-4.878 1.37C.598 9.04-.323 13.58.138 18.057A19.943 19.943 0 0 0 6.13 21a14.31 14.31 0 0 0 1.282-2.11 12.874 12.874 0 0 1-2.02-.964c.17-.123.336-.252.497-.385 3.897 1.78 8.148 1.78 12 0 .162.133.328.262.498.385a12.916 12.916 0 0 1-2.024.965A14.223 14.223 0 0 0 17.645 21a19.874 19.874 0 0 0 5.994-2.943c.541-5.19-.92-9.689-3.322-13.688ZM8.02 15.331c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.418 2.157-2.418 1.211 0 2.176 1.094 2.157 2.418 0 1.334-.955 2.419-2.157 2.419Zm7.96 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.418 2.157-2.418 1.211 0 2.176 1.094 2.157 2.418 0 1.334-.946 2.419-2.157 2.419Z" />
</svg>
<DiscordLogoIcon className="h-5 w-5" />
<span className="sr-only">Join Discord</span>
</a>
<a
@ -57,7 +55,7 @@ export default function Header() {
rel="noopener noreferrer"
className={`${buttonBaseClass} size-9 text-muted-foreground hover:bg-accent hover:text-foreground`}
>
<Github className="h-5 w-5" />
<GithubLogoIcon className="h-5 w-5" />
<span className="sr-only">View on GitHub</span>
</a>
</div>

View file

@ -11,7 +11,6 @@ import {
Copy,
Database,
FileQuestion,
Github,
HardDrive,
Layers,
Lock,
@ -23,6 +22,7 @@ import {
Zap,
type LucideIcon,
} from "lucide-react";
import { GithubLogoIcon } from "@phosphor-icons/react";
import { CornerCard } from "./CornerCard";
import Footer from "./Footer";
@ -224,7 +224,7 @@ export default function LandingPage() {
<section className="relative overflow-hidden border-b border-border">
<div aria-hidden className="landing-hero-docs-grid pointer-events-none absolute inset-0" />
<div aria-hidden className="landing-hero-glow pointer-events-none absolute inset-0" />
<div className="relative mx-auto max-w-[90rem] px-4 py-20 sm:px-6 sm:py-24 lg:py-32">
<div className="relative mx-auto max-w-360 px-4 py-20 sm:px-6 sm:py-24 lg:py-32">
<div className="grid items-center gap-12 min-[1100px]:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)] min-[1100px]:gap-8 lg:gap-12">
<div className="text-left">
<p className="mb-4 text-sm font-medium uppercase tracking-wider text-strong-accent">
@ -243,7 +243,7 @@ export default function LandingPage() {
<ArrowRight className="h-4 w-4" />
</Link>
<a href={repoUrl} target="_blank" rel="noopener noreferrer" className={outlineButtonClass}>
<Github className="h-4 w-4" />
<GithubLogoIcon className="h-4 w-4" />
View on GitHub
</a>
</div>
@ -439,7 +439,7 @@ export default function LandingPage() {
<ArrowRight className="h-4 w-4" />
</Link>
<a href={repoUrl} target="_blank" rel="noopener noreferrer" className={outlineButtonClass}>
<Github className="h-4 w-4" />
<GithubLogoIcon className="h-4 w-4" />
View on GitHub
</a>
</div>