logo
This commit is contained in:
BIN
public/UTM_Logo.png
Normal file
BIN
public/UTM_Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
@@ -1,13 +1,25 @@
|
|||||||
import { LastRefresh } from './LastRefresh'
|
import { LastRefresh } from './LastRefresh'
|
||||||
|
import Image from 'next/image'
|
||||||
|
|
||||||
export function Navbar({ lastUpdateTime }) {
|
export function Navbar({ lastUpdateTime }) {
|
||||||
return (
|
return (
|
||||||
<nav className="bg-gray-800/50 backdrop-blur-sm border-b border-gray-700">
|
<nav className="bg-gray-800/50 backdrop-blur-sm border-b border-gray-700">
|
||||||
<div className="max-w-[1400px] mx-auto px-4 sm:px-6 py-4">
|
<div className="max-w-[1400px] mx-auto px-4 sm:px-6 py-4">
|
||||||
<div className="flex flex-col sm:flex-row items-center justify-between gap-4">
|
<div className="flex flex-col sm:flex-row items-center justify-between gap-4">
|
||||||
<h1 className="text-3xl sm:text-4xl font-bold bg-gradient-to-r from-blue-400 via-emerald-400 to-blue-400 bg-clip-text text-transparent animate-gradient">
|
<div className="flex items-center gap-3">
|
||||||
Solar Management Dashboard
|
<Image
|
||||||
</h1>
|
src="/UTM_Logo.png"
|
||||||
|
alt="UTM Logo"
|
||||||
|
height={40}
|
||||||
|
width={200}
|
||||||
|
quality={100}
|
||||||
|
priority
|
||||||
|
className="w-auto h-10"
|
||||||
|
/>
|
||||||
|
<h1 className="text-3xl sm:text-4xl font-bold bg-gradient-to-r from-blue-400 via-emerald-400 to-blue-400 bg-clip-text text-transparent animate-gradient">
|
||||||
|
UTM Solar Panels
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
{lastUpdateTime && (
|
{lastUpdateTime && (
|
||||||
<div className="flex items-center gap-2 text-gray-400">
|
<div className="flex items-center gap-2 text-gray-400">
|
||||||
<LastRefresh timestamp={lastUpdateTime} />
|
<LastRefresh timestamp={lastUpdateTime} />
|
||||||
|
|||||||
Reference in New Issue
Block a user