MinecraftUtilities/Frontend
1
1
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

start work on the frontend
Some checks failed
Deploy App / docker (ubuntu-latest) (push) Failing after 8s
Details

Browse Source
This commit is contained in:
Lee
2024-04-14 18:46:37 +01:00
parent 9afa9c90ca
commit cb15f18bfe
15 changed files with 3137 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/app/globals.css
View File

@ -1,3 +1,59 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--background: 0 0% 100%;
--foreground: 240 10% 3.9%;
--card: 0 0% 100%;
--card-foreground: 240 10% 3.9%;
--popover: 0 0% 100%;
--popover-foreground: 240 10% 3.9%;
--primary: 142.1 76.2% 36.3%;
--primary-foreground: 355.7 100% 97.3%;
--secondary: 240 4.8% 95.9%;
--secondary-foreground: 240 5.9% 10%;
--muted: 240 4.8% 95.9%;
--muted-foreground: 240 3.8% 46.1%;
--accent: 240 4.8% 95.9%;
--accent-foreground: 240 5.9% 10%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 0 0% 98%;
--border: 240 5.9% 90%;
--input: 240 5.9% 90%;
--ring: 142.1 76.2% 36.3%;
--radius: 0.5rem;
}
.dark {
--background: 20 14.3% 4.1%;
--foreground: 0 0% 95%;
--card: 24 9.8% 10%;
--card-foreground: 0 0% 95%;
--popover: 0 0% 9%;
--popover-foreground: 0 0% 95%;
--primary: 142.1 70.6% 45.3%;
--primary-foreground: 144.9 80.4% 10%;
--secondary: 240 3.7% 15.9%;
--secondary-foreground: 0 0% 98%;
--muted: 0 0% 15%;
--muted-foreground: 240 5% 64.9%;
--accent: 12 6.5% 15.1%;
--accent-foreground: 0 0% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 85.7% 97.3%;
--border: 240 3.7% 15.9%;
--input: 240 3.7% 15.9%;
--ring: 142.4 71.8% 29.2%;
}
}
@layer base {
* {
@apply border-border;
}
body {
@apply bg-background text-foreground;
}
}

17
src/app/layout.tsx
View File

@ -1,5 +1,9 @@
import Container from "@/components/container";
import ThemeProvider from "@/components/theme-provider";
import { Inter } from "next/font/google";
import "./globals.css";
const inter = Inter({ subsets: ["latin"] });
export default function RootLayout({
@ -8,8 +12,15 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body className={inter.className}>{children}</body>
</html>
<>
<html className={inter.className} lang="en" suppressHydrationWarning>
<head />
<body>
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
<Container>{children}</Container>
</ThemeProvider>
</body>
</html>
</>
);
}

7
src/app/page.tsx
View File

@ -1,7 +1,8 @@
export default function Home() {
return (
<main>
<p>hi</p>
</main>
<div>
<h1 className="font-bold text-xl">Minecraft Utilities - Hello!</h1>
<p>We provide a convenient wrapper for the Minecraft APIs, simplifying their usage for developers.</p>
</div>
);
}

14
src/components/container.tsx Normal file
View File

@ -0,0 +1,14 @@
import NavBar from "./navbar";
export default function Container({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<div className="z-[9999] m-auto flex h-screen min-h-full flex-col items-center opacity-90 md:max-w-[1200px]">
<NavBar />
<div className="w-full flex-1 p-4">{children}</div>
</div>
);
}

13
src/components/logo.tsx Normal file
View File

@ -0,0 +1,13 @@
import Image from "next/image";
export default function Logo({ size = 30 }: Readonly<{ size?: number }>) {
return (
<Image
src="https://git.fascinated.cc/MinecraftUtilities/Assets/raw/branch/master/logo.png"
alt={"The Logo"}
width={size}
height={size}
className="w-fit h-fit pl-2"
/>
);
}

34
src/components/navbar.tsx Normal file
View File

@ -0,0 +1,34 @@
import Link from "next/link";
import Logo from "./logo";
type Page = {
title: string;
url: string;
};
const pages: Page[] = [
{ title: "Home", url: "/" },
{ title: "Player", url: "/player" },
];
export default function NavBar() {
return (
<div className="bg-secondary w-full rounded-lg flex items-center gap-3">
<div className="flex items-center gap-2 pr-3">
<Logo />
<Link href="/">
<p>Minecraft Utilities</p>
</Link>
</div>
{pages.map((page, index) => {
return (
<div key={index} className="pt-4 pb-4 w-fit rounded-lg">
<Link href={page.url}>
<p className="hover:text-primary transition-all">{page.title}</p>
</Link>
</div>
);
})}
</div>
);
}

8
src/components/theme-provider.tsx Normal file
View File

@ -0,0 +1,8 @@
"use client";
import { ThemeProvider as NextThemesProvider } from "next-themes";
import { type ThemeProviderProps } from "next-themes/dist/types";
export default function ThemeProvider({ children, ...props }: ThemeProviderProps) {
return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
}

6
src/lib/utils.ts Normal file
View File

@ -0,0 +1,6 @@
import { type ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}