|
1 | | -import Link from "next/link"; |
2 | 1 | import Image from "next/image"; |
| 2 | +import Link from "next/link"; |
3 | 3 |
|
4 | 4 | export default function NavBar() { |
5 | | - return ( |
6 | | - <header className="items-center bg-white dark:bg-zinc-900 py-4 px-8 shadow-xl justify-between sm:flex hidden"> |
7 | | - <Link |
8 | | - href="/" |
9 | | - aria-label="Home" |
10 | | - className="flex items-center gap-4 bg-white dark:bg-[#18171e] rounded-lg px-4" |
11 | | - > |
12 | | - <Image |
13 | | - src="/WebDashboard/IBEX_logo.png" |
14 | | - alt="IBEX Logo" |
15 | | - className="h-16 w-auto" |
16 | | - height={100} |
17 | | - width={100} |
18 | | - /> |
| 5 | + return ( |
| 6 | + <header className="items-center bg-white dark:bg-zinc-900 py-4 px-8 shadow-xl justify-between sm:flex hidden"> |
| 7 | + <Link |
| 8 | + href="/" |
| 9 | + aria-label="Home" |
| 10 | + className="flex items-center gap-4 bg-white dark:bg-[#18171e] rounded-lg px-4" |
| 11 | + > |
| 12 | + <Image |
| 13 | + src="/WebDashboard/IBEX_logo.png" |
| 14 | + alt="IBEX Logo" |
| 15 | + className="h-16 w-auto" |
| 16 | + height={100} |
| 17 | + width={100} |
| 18 | + /> |
19 | 19 |
|
20 | | - <h1 className="text-black dark:text-white font-bold text-2xl"> |
21 | | - Web Dashboard |
22 | | - </h1> |
23 | | - </Link> |
| 20 | + <h1 className="text-black dark:text-white font-bold text-2xl"> |
| 21 | + Web Dashboard |
| 22 | + </h1> |
| 23 | + </Link> |
24 | 24 |
|
25 | | - <div className="md:flex hidden gap-2"> |
26 | | - <Link |
27 | | - className="block py-2 px-3 rounded-sm text-black dark:text-white hover:text-white hover:bg-zinc-800" |
28 | | - href="/" |
29 | | - > |
30 | | - Home |
31 | | - </Link> |
32 | | - <Link |
33 | | - className="block py-2 px-3 rounded-sm text-black dark:text-white hover:text-white hover:bg-zinc-800" |
34 | | - href="/instruments" |
35 | | - > |
36 | | - Instrument Status |
37 | | - </Link> |
38 | | - <Link |
39 | | - className="block py-2 px-3 rounded-sm text-black dark:text-white hover:text-white hover:bg-zinc-800" |
40 | | - href="https://www.isis.stfc.ac.uk/Pages/Beam-Status.aspx" |
41 | | - target="_blank" |
42 | | - > |
43 | | - Beam status |
44 | | - </Link> |
45 | | - <Link |
46 | | - className="block py-2 px-3 rounded-sm text-black dark:text-white hover:text-white hover:bg-zinc-800" |
47 | | - href="https://github.com/ISISComputingGroup/WebDashboard" |
48 | | - > |
49 | | - <svg |
50 | | - className="fill-current w-6 h-6" |
51 | | - xmlns="http://www.w3.org/2000/svg" |
52 | | - viewBox="0 0 24 24" |
53 | | - > |
54 | | - <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" /> |
55 | | - </svg> |
56 | | - </Link> |
57 | | - </div> |
58 | | - </header> |
59 | | - ); |
| 25 | + <div className="md:flex hidden gap-2"> |
| 26 | + <Link |
| 27 | + className="block py-2 px-3 rounded-sm text-black dark:text-white hover:text-white hover:bg-zinc-800" |
| 28 | + href="/" |
| 29 | + > |
| 30 | + Home |
| 31 | + </Link> |
| 32 | + <Link |
| 33 | + className="block py-2 px-3 rounded-sm text-black dark:text-white hover:text-white hover:bg-zinc-800" |
| 34 | + href="/instruments" |
| 35 | + > |
| 36 | + Instrument Status |
| 37 | + </Link> |
| 38 | + <Link |
| 39 | + className="block py-2 px-3 rounded-sm text-black dark:text-white hover:text-white hover:bg-zinc-800" |
| 40 | + href="https://www.isis.stfc.ac.uk/Pages/Beam-Status.aspx" |
| 41 | + target="_blank" |
| 42 | + > |
| 43 | + Beam status |
| 44 | + </Link> |
| 45 | + <Link |
| 46 | + className="block py-2 px-3 rounded-sm text-black dark:text-white hover:text-white hover:bg-zinc-800" |
| 47 | + href="https://github.com/ISISComputingGroup/WebDashboard" |
| 48 | + > |
| 49 | + <svg |
| 50 | + className="fill-current w-6 h-6" |
| 51 | + xmlns="http://www.w3.org/2000/svg" |
| 52 | + viewBox="0 0 24 24" |
| 53 | + > |
| 54 | + <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" /> |
| 55 | + </svg> |
| 56 | + </Link> |
| 57 | + </div> |
| 58 | + </header> |
| 59 | + ); |
60 | 60 | } |
0 commit comments