diff --git a/README.md b/README.md index 1574369e..290e45cf 100644 --- a/README.md +++ b/README.md @@ -16,8 +16,8 @@ This Turborepo includes the following packages/apps: ### Apps and Packages +- `dispatch`: a dispatching platform for web based unit/mission dispatching - `docs`: a [Next.js](https://nextjs.org/) app -- `web`: another [Next.js](https://nextjs.org/) app - `@repo/ui`: a stub React component library shared by both `web` and `docs` applications - `@repo/eslint-config`: `eslint` configurations (includes `eslint-config-next` and `eslint-config-prettier`) - `@repo/typescript-config`: `tsconfig.json`s used throughout the monorepo diff --git a/apps/dispatch/app/_components/Navbar.tsx b/apps/dispatch/app/_components/Navbar.tsx new file mode 100644 index 00000000..195555bd --- /dev/null +++ b/apps/dispatch/app/_components/Navbar.tsx @@ -0,0 +1,35 @@ +import "../globals.css"; + +export default function Navbar() { + return ( +
+
+ daisyUI +
+
+ +
+
+
+ Tailwind CSS Navbar component +
+
+ +
+
+
+ ); +} diff --git a/apps/dispatch/app/globals.css b/apps/dispatch/app/globals.css index 6af7ecbb..4c1b0c2f 100644 --- a/apps/dispatch/app/globals.css +++ b/apps/dispatch/app/globals.css @@ -1,50 +1,2 @@ -:root { - --background: #ffffff; - --foreground: #171717; -} - -@media (prefers-color-scheme: dark) { - :root { - --background: #0a0a0a; - --foreground: #ededed; - } -} - -html, -body { - max-width: 100vw; - overflow-x: hidden; -} - -body { - color: var(--foreground); - background: var(--background); -} - -* { - box-sizing: border-box; - padding: 0; - margin: 0; -} - -a { - color: inherit; - text-decoration: none; -} - -.imgDark { - display: none; -} - -@media (prefers-color-scheme: dark) { - html { - color-scheme: dark; - } - - .imgLight { - display: none; - } - .imgDark { - display: unset; - } -} +@import "tailwindcss"; +@plugin "daisyui"; diff --git a/apps/dispatch/app/layout.tsx b/apps/dispatch/app/layout.tsx index 84695375..d6a53e5b 100644 --- a/apps/dispatch/app/layout.tsx +++ b/apps/dispatch/app/layout.tsx @@ -1,6 +1,7 @@ import type { Metadata } from "next"; import localFont from "next/font/local"; import "./globals.css"; +import Navbar from "./_components/Navbar"; const geistSans = localFont({ src: "./fonts/GeistVF.woff", @@ -12,8 +13,8 @@ const geistMono = localFont({ }); export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "VAR Leitstelle v2", + description: "Die neue VAR Leitstelle.", }; export default function RootLayout({ @@ -22,8 +23,9 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - + + {children} diff --git a/apps/dispatch/app/page.tsx b/apps/dispatch/app/page.tsx index b509205e..8cdb9ab0 100644 --- a/apps/dispatch/app/page.tsx +++ b/apps/dispatch/app/page.tsx @@ -1,102 +1,8 @@ -import Image, { type ImageProps } from "next/image"; import { Button } from "@repo/ui/button"; import styles from "./page.module.css"; -type Props = Omit & { - srcLight: string; - srcDark: string; -}; - -const ThemeImage = (props: Props) => { - const { srcLight, srcDark, ...rest } = props; - - return ( - <> - - - - ); -}; - export default function Home() { return ( -
-
- -
    -
  1. - Get started by editing apps/web/app/page.tsx -
    2. -
  2. Save and see your changes instantly.
    3. -
- - - -
- -
+
Test
); } diff --git a/apps/dispatch/package.json b/apps/dispatch/package.json index 4ac80a0f..1712528d 100644 --- a/apps/dispatch/package.json +++ b/apps/dispatch/package.json @@ -1,5 +1,5 @@ { - "name": "web", + "name": "dispatch", "version": "0.1.0", "type": "module", "private": true, @@ -12,9 +12,12 @@ }, "dependencies": { "@repo/ui": "*", + "@tailwindcss/postcss": "^4.0.2", "next": "^15.1.0", + "postcss": "^8.5.1", "react": "^19.0.0", - "react-dom": "^19.0.0" + "react-dom": "^19.0.0", + "tailwindcss": "^4.0.2" }, "devDependencies": { "@repo/eslint-config": "*", @@ -22,6 +25,7 @@ "@types/node": "^20", "@types/react": "18.3.1", "@types/react-dom": "18.3.0", + "daisyui": "^5.0.0-beta.6", "typescript": "5.5.4" } } diff --git a/apps/dispatch/postcss.config.mjs b/apps/dispatch/postcss.config.mjs new file mode 100644 index 00000000..79bcf135 --- /dev/null +++ b/apps/dispatch/postcss.config.mjs @@ -0,0 +1,8 @@ +/** @type {import('postcss-load-config').Config} */ +const config = { + plugins: { + "@tailwindcss/postcss": {}, + }, +}; + +export default config; diff --git a/apps/dispatch/tailwind.config.ts b/apps/dispatch/tailwind.config.ts new file mode 100644 index 00000000..f8122ad9 --- /dev/null +++ b/apps/dispatch/tailwind.config.ts @@ -0,0 +1,17 @@ +import type { Config } from 'tailwindcss'; + +export default { + content: [ + './pages/**/*.{js,ts,jsx,tsx,mdx}', + './components/**/*.{js,ts,jsx,tsx,mdx}', + './app/**/*.{js,ts,jsx,tsx,mdx}', + ], + theme: { + extend: { + colors: { + background: 'var(--background)', + foreground: 'var(--foreground)', + }, + }, + }, +} satisfies Config;