TobaOjo/Mav-Mobile-UI
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated ui and added NPED back

Browse Source
This commit is contained in:
Toba Ojo
2025-09-21 20:10:05 +01:00
parent 8f6fba1e63
commit 50cedaf2c4
11 changed files with 537 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/UI/Header.tsx
View File

@@ -90,16 +90,14 @@ export default function Header() {
const utcStr = formatFromMs(serverNowMs, "utc");
return (
<div className="relative bg-[#253445] border-b border-gray-500 items-center mx-auto px-2 sm:px-6 lg:px-8 p-4 flex flex-row justify-between">
{/* Left: Logo */}
<div className="relative bg-[#253445] border-b border-gray-500 items-center mx-auto px-2 sm:px-6 lg:px-8 p-4 flex flex-col md:flex-row justify-between">
<div className="w-30">
<Link to={"/"}>
<img src={Logo} alt="Logo" width={150} height={150} />
</Link>
</div>
{/* Right: Texts stacked + icons */}
<div className="flex items-center space-x-24 ">
<div className="flex flex-col leading-tight text-white tabular-nums text-xl text-right">
<div className="flex flex-col md:flex-row items-center space-x-24 justify-items-center">
<div className="flex flex-col leading-tight text-white tabular-nums text-xl text-right mx-auto md:mx-10">
<h2>Local: {localStr}</h2>
<h2>UTC: {utcStr}</h2>
</div>