PxlLoewe/var-monorepo
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Add Chat design

Browse Source
This commit is contained in:
nocnico
2025-03-19 19:43:57 +01:00
parent c66331d367
commit 34fc8bc559
2 changed files with 93 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
apps/dispatch/app/(dispatch)/_components/navbar/Navbar.tsx
View File

@@ -1,11 +1,11 @@
"use client";
import Link from "next/link";
import { Connection } from "./_components/Connection";
import { ThemeSwap } from "./_components/ThemeSwap";
import { Audio } from "./_components/Audio";
import { useState } from "react";
import { ExitIcon, ExternalLinkIcon } from "@radix-ui/react-icons";
import { Chat } from "./_components/Chat";
export default function Navbar() {
const [isDark, setIsDark] = useState(false);
@@ -20,14 +20,20 @@ export default function Navbar() {
};
return (
<div className="navbar bg-base-100 shadow-sm flex gap-5">
<div className="flex-1">
<div className="navbar bg-base-100 shadow-sm flex gap-5 justify-between">
<div className="flex items-center gap-2">
<a className="btn btn-ghost text-xl">VAR Leitstelle V2</a>
</div>
<div className="flex gap-2">
<Audio />
<div className="bg-base-200 rounded-box flex items-center gap-2 p-1">
<div className="flex items-center gap-2">
<Chat />
</div>
</div>
<div className="flex gap-5 items-center">
<div className="flex items-center gap-5">
<div className="flex items-center gap-2">
<Audio />
</div>
<div className="flex items-center">
<Connection />
</div>