forked from NotNet/gluestick
add tailscale icon
This commit is contained in:
parent
aec287c003
commit
f5640f41f3
|
@ -20,6 +20,7 @@ import inputStyles from "@/components/Input.module.css";
|
|||
import Connection from "@/components/Connection";
|
||||
import DiscordIcon from "@/components/icons/DiscordIcon";
|
||||
import GitHubIcon from "@/components/icons/GitHubIcon";
|
||||
import TailscaleIcon from "@/components/icons/TailscaleIcon";
|
||||
|
||||
type UpdateResponse = {
|
||||
ok: boolean;
|
||||
|
@ -214,7 +215,11 @@ export default function AboutMe({
|
|||
authState={githubState}
|
||||
icon={GitHubIcon}
|
||||
/>
|
||||
<Connection service="Tailscale" unavailable />
|
||||
<Connection
|
||||
service="Tailscale"
|
||||
unavailable
|
||||
icon={TailscaleIcon}
|
||||
/>
|
||||
<Connection service="Migadu" unavailable />
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -0,0 +1,26 @@
|
|||
import React from "react";
|
||||
|
||||
// https://tailscale.com/files/dist/tailscale-press-kit.zip
|
||||
export default function TailscaleIcon() {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height="120"
|
||||
viewBox="30 30 60 60"
|
||||
width="120"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g fill="currentColor">
|
||||
<circle cx="40.625" cy="59.5" r="6.625" />
|
||||
<circle cx="60.4999" cy="59.5" r="6.625" />
|
||||
<circle cx="40.625" cy="79.375" opacity=".2" r="6.625" />
|
||||
<circle cx="80.375" cy="79.375" opacity=".2" r="6.625" />
|
||||
<circle cx="60.4999" cy="79.375" r="6.625" />
|
||||
<circle cx="80.375" cy="59.5" r="6.625" />
|
||||
<circle cx="40.625" cy="39.625" opacity=".2" r="6.625" />
|
||||
<circle cx="60.4999" cy="39.625" opacity=".2" r="6.625" />
|
||||
<circle cx="80.375" cy="39.625" opacity=".2" r="6.625" />
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
}
|
Loading…
Reference in New Issue