Recolor Zulip Logo (#297)

This commit is contained in:
Yuhong Sun 2023-08-14 15:55:11 -07:00 committed by GitHub
parent 286445f9ba
commit e97c1226d8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 8 deletions

BIN
web/public/Zulip.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

@ -14,12 +14,13 @@ import {
X,
Question,
} from "@phosphor-icons/react";
import { SiBookstack, SiZulip } from "react-icons/si";
import { SiBookstack } from "react-icons/si";
import { FaFile, FaGlobe } from "react-icons/fa";
import Image from "next/image";
import jiraSVG from "../../../public/Jira.svg";
import confluenceSVG from "../../../public/Confluence.svg";
import guruIcon from "../../../public/Guru.svg";
import zulipIcon from "../../../public/Zulip.png";
interface IconProps {
size?: number;
@ -112,13 +113,6 @@ export const BrainIcon = ({
return <Brain size={size} className={className} />;
};
export const ZulipIcon = ({
size = 16,
className = defaultTailwindCSS,
}: IconProps) => {
return <SiZulip size={size} className={className} />;
};
export const PencilIcon = ({
size = 16,
className = defaultTailwindCSS,
@ -214,6 +208,21 @@ export const JiraIcon = ({
</div>
);
};
export const ZulipIcon = ({
size = 16,
className = defaultTailwindCSS,
}: IconProps) => {
return (
<div
style={{ width: `${size}px`, height: `${size}px` }}
className={`w-[${size}px] h-[${size}px] -m-0.5 ` + className}
>
<Image src={zulipIcon} alt="Logo" width="96" height="96" />
</div>
);
};
export const ProductboardIcon = ({
size = 16,
className = defaultTailwindCSS,