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

Basic things displaying

Browse Source 
Added React Helmet
This commit is contained in:
Jordan Roher 2023-04-19 15:59:25 -07:00
parent bf94df244e
commit 71af371470
7 changed files with 2377 additions and 2324 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@ -1,13 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React + TS</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Starbase 80 Homepage</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>

4657
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
package.json
View File

@ -9,10 +9,12 @@
"preview": "vite preview"
},
"dependencies": {
"@types/react-helmet": "^6.1.6",
"js-yaml": "^4.1.0",
"prettier": "^2.8.7",
"react": "^18.2.0",
"react-dom": "^18.2.0"
"react-dom": "^18.2.0",
"react-helmet": "^6.1.0"
},
"devDependencies": {
"@types/react": "^18.0.28",

2
src/components/header.tsx
View File

@ -13,7 +13,7 @@ interface IProps {
export const Header: React.FunctionComponent<IProps> = ({ icon, title, auth, docker }) => {
return (
<div className="p-4">
<h1>{title}</h1>
<h1 className="text-center">{title}</h1>
{!is.null(icon) && <img src={icon} alt="icon" />}
</div>
);

6
src/pages/index.tsx
View File

@ -10,11 +10,11 @@ interface IProps {
export const IndexPage: React.FunctionComponent<IProps> = ({ icon, title }) => {
return (
<div className="screen-h flex flex-row">
<div className="border-0 border-solid border-l border-l-border p-4">
<div className="min-h-screen flex flex-row">
<div className="min-h-screen border-0 border-solid border-r-2 border-r-gray-300 p-4">
<Header title={title} icon={icon} />
</div>
<div className="p-4">
<div className="min-h-screen p-4">
<Services services={FAKE_SERVICES} />
</div>
</div>

4
src/tailwind.css
View File

@ -6,6 +6,10 @@ html {
background-color: theme(colors.bg);
}
body {
min-height: 100vh;
}
h1 {
font-size: theme(fontSize.3xl);
font-weight: theme(fontWeight.semibold);

9
tailwind.config.js
View File

@ -2,11 +2,12 @@
export default {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
colors: {
bg: "#f8fafc",
border: "#336699",
extend: {
colors: {
bg: "#f8fafc",
border: "#336699",
},
},
extend: {},
},
plugins: [],
};