LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update gitlab icon

This commit is contained in:
Karol Wypchlo 2022-01-17 11:49:36 +01:00
parent fa3254d3ec
commit 4f1829e9f1
No known key found for this signature in database
GPG Key ID: B515DE9EEBE241E1
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/website/src/components/Icons/Gitlab.svg Normal file
View File

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitLab</title><path d="M4.845.904c-.435 0-.82.28-.955.692C2.639 5.449 1.246 9.728.07 13.335a1.437 1.437 0 00.522 1.607l11.071 8.045c.2.145.472.144.67-.004l11.073-8.04a1.436 1.436 0 00.522-1.61c-1.285-3.942-2.683-8.256-3.817-11.746a1.004 1.004 0 00-.957-.684.987.987 0 00-.949.69l-2.405 7.408H8.203l-2.41-7.408a.987.987 0 00-.942-.69h-.006zm-.006 1.42l2.173 6.678H2.675zm14.326 0l2.168 6.678h-4.341zm-10.593 7.81h6.862c-1.142 3.52-2.288 7.04-3.434 10.559L8.572 10.135zm-5.514.005h4.321l3.086 9.5zm13.567 0h4.325c-2.467 3.17-4.95 6.328-7.411 9.502 1.028-3.167 2.059-6.334 3.086-9.502zM2.1 10.762l6.977 8.947-7.817-5.682a.305.305 0 01-.112-.341zm19.798 0l.952 2.922a.305.305 0 01-.11.341v.002l-7.82 5.68.026-.035z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 797 B

2
packages/website/src/components/Icons/index.js
View File

@ -16,7 +16,7 @@ export { ReactComponent as ExternalLink } from "./ExternalLink.svg";
export { ReactComponent as FacebookSmall } from "./FacebookSmall.svg"; export { ReactComponent as FacebookSmall } from "./FacebookSmall.svg";
export { ReactComponent as Fingerprint } from "./Fingerprint.svg"; export { ReactComponent as Fingerprint } from "./Fingerprint.svg";
export { ReactComponent as GithubSmall } from "./GithubSmall.svg"; export { ReactComponent as GithubSmall } from "./GithubSmall.svg";
export { ReactComponent as GitlabSmall } from "./GitlabSmall.svg"; export { ReactComponent as Gitlab } from "./Gitlab.svg";
export { ReactComponent as Info } from "./Info.svg"; export { ReactComponent as Info } from "./Info.svg";
export { ReactComponent as Join } from "./Join.svg"; export { ReactComponent as Join } from "./Join.svg";
export { ReactComponent as Layers } from "./Layers.svg"; export { ReactComponent as Layers } from "./Layers.svg";

8
packages/website/src/pages/about.js
View File

@ -14,7 +14,7 @@ import {
Cogs, Cogs,
TwitterSmall, TwitterSmall,
GithubSmall, GithubSmall,
GitlabSmall, Gitlab,
LinkedinSmall, LinkedinSmall,
} from "../components/Icons"; } from "../components/Icons";
import Link from "../components/Link"; import Link from "../components/Link";
@ -75,7 +75,7 @@ const SocialIcon = ({ name }) => {
case "github": case "github":
return <GithubSmall />; return <GithubSmall />;
case "gitlab": case "gitlab":
return <GitlabSmall />; return <Gitlab width={16} height={16} />;
default: default:
throw new Error(`Cannot find an icon for "${name}"`); throw new Error(`Cannot find an icon for "${name}"`);
} }
@ -83,7 +83,7 @@ const SocialIcon = ({ name }) => {
const TeamCard = ({ image, name, position, social }) => ( const TeamCard = ({ image, name, position, social }) => (
<div className="flex"> <div className="flex">
<GatsbyImage image={getImage(image)} alt={name} /> <GatsbyImage image={getImage(image)} alt={name} className="rounded" />
<div className="flex flex-col justify-between ml-3"> <div className="flex flex-col justify-between ml-3">
<div className="flex flex-col"> <div className="flex flex-col">
<span className="font-light text-lg">{name}</span> <span className="font-light text-lg">{name}</span>
@ -94,7 +94,7 @@ const TeamCard = ({ image, name, position, social }) => (
{Object.entries(social) {Object.entries(social)
.filter(([platform, href]) => href) .filter(([platform, href]) => href)
.map(([platform, href]) => ( .map(([platform, href]) => (
<Link key={platform} href={href} title={platform}> <Link key={platform} href={href} title={platform} className="w-6 h-6 flex items-center justify-center">
<SocialIcon name={platform} /> <SocialIcon name={platform} />
</Link> </Link>
))} ))}