theo/werkzeugkiste
1
0
Fork 0
mirror of https://github.com/theoleuthardt/werkzeugkiste.git synced 2026-06-13 09:37:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: prettier init with formatted code files

Browse source
This commit is contained in:
theoleuthardt 2025-02-07 14:02:04 +01:00
parent 5fcfb7ac40
commit 99ffeeafef
12 changed files with 87 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/app/globals.css
View file

@ -1,4 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap");
@tailwind base;
@tailwind components;
@ -20,4 +20,4 @@ body {
color: var(--foreground);
background: var(--background);
font-family: Arial, Helvetica, sans-serif;
}
}

6
src/app/layout.tsx
View file

@ -13,11 +13,7 @@ export default function RootLayout({
}>) {
return (
<html lang="en">
<body
className={`antialiased`}
>
{children}
</body>
<body className={`antialiased`}>{children}</body>
</html>
);
}

12
src/app/page.tsx
View file

@ -1,9 +1,9 @@
import Navbar from '../components/Navbar';
import Navbar from "../components/Navbar";
export default function Home() {
return (
<div className="bg-black text-white font-noto">
<Navbar renderHomeLink={false} />
</div>
return (
<div className="bg-black text-white font-noto">
<Navbar renderHomeLink={false} />
</div>
);
}
}

59
src/components/Navbar.tsx
View file

@ -3,34 +3,41 @@ import Image from "next/image";
import LOGO from "../assets/logo/icons8-toolbox-64.svg";
interface NavProps {
renderHomeLink: boolean,
renderHomeLink: boolean;
}
const navbar = (props:NavProps) => {
return (
<div className="h-18 w-full p-3 border-2 border-white">
<nav className="bg-black text-white font-bold flex flex-row items-center justify-between">
<div className="justify-items-start flex flex-1 flex-row items-center">
<Image
src={LOGO}
alt={""}
width={64}
height={64}
className="invert"
/>
<div className="text-white ml-5">werkzeugkiste.</div>
</div>
<div className="flex flex-auto justify-center">
{props.renderHomeLink ?
<a href="#" className="justify-center">home</a>
: null}
</div>
<div className="flex flex-auto">
<a href="https://github.com/theoleuthardt/werkzeugkiste" className="items-end mr-3">github</a>
</div>
</nav>
const navbar = (props: NavProps) => {
return (
<div className="h-18 w-full p-3 border-2 border-white">
<nav className="bg-black text-white font-bold flex flex-row items-center justify-between">
<div className="justify-items-start flex flex-1 flex-row items-center">
<Image
src={LOGO}
alt={""}
width={64}
height={64}
className="invert"
/>
<div className="text-white ml-5">werkzeugkiste.</div>
</div>
);
<div className="flex flex-auto justify-center">
{props.renderHomeLink ? (
<a href="#" className="justify-center">
home
</a>
) : null}
</div>
<div className="flex flex-auto">
<a
href="https://github.com/theoleuthardt/werkzeugkiste"
className="items-end mr-3"
>
github
</a>
</div>
</nav>
</div>
);
};
export default navbar;
export default navbar;