Cronocide/starbase-81
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added icons

Browse Source
This commit is contained in:
Jordan Roher 2023-04-19 22:14:05 -07:00
parent c6777eed5a
commit 0712ea6a71
4 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

BIN
public/starbase-80.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

16
src/components/header.tsx
View File

@ -1,20 +1,20 @@
import React from "react";
import { is } from "../shared/is";
import { IService } from "../shared/types";
interface IProps {
title?: string;
icon?: string;
auth?: IService;
docker?: IService;
}
export const Header: React.FunctionComponent<IProps> = ({ icon, title, auth, docker }) => {
export const Header: React.FunctionComponent<IProps> = ({ icon, title }) => {
return (
<div className="p-4">
<h1 className="text-center">{title}</h1>
{!is.null(icon) && <img src={icon} alt="icon" />}
<div className="p-2 xl:p-4 flex flex-wrap justify-center">
{!is.null(icon) && (
<div className="basis-full text-center">
<img src={icon} alt={title} className="inline-block w-16 h-16" />
</div>
)}
<h1 className="basis-full text-center">{title}</h1>
</div>
);
};

2
src/main.tsx
View File

@ -5,6 +5,6 @@ import "./tailwind.css";
ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
<React.StrictMode>
<IndexPage title="Starbase 80" />
<IndexPage title="Starbase 80" icon="/starbase-80.png" />
</React.StrictMode>
);