This commit is contained in:
lumijiez
2025-05-21 21:35:18 +03:00
parent 4fae7a484f
commit a4f1b461af
2 changed files with 15 additions and 3 deletions

BIN
public/UTM_Logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@@ -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} />