kasperj/turftracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

j,hk

Browse Source
This commit is contained in:
Jake Kasper
2025-09-05 15:41:23 -04:00
parent 6fdaad5b0c
commit dc7b1b8c84
1 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/components/Layout/Layout.js
View File

@@ -144,8 +144,10 @@ const Layout = ({ children }) => {
onClick={() => setSidebarOpen(false)}
/>
<div className="fixed inset-y-0 left-0 flex w-64 flex-col bg-white shadow-xl">
<div className="flex h-16 items-center justify-between px-6 border-b border-gray-200">
<img src="/brand/logo.png" alt="TurfTracking" className="h-10 w-10 object-contain" />
<div className="relative flex h-20 items-center px-6 border-b border-gray-200">
<div className="absolute inset-0 flex items-center justify-center">
<img src="/brand/logo.png" alt="TurfTracking" className="h-16 w-16 object-contain" />
</div>
<button
type="button"
className="text-gray-400 hover:text-gray-600"
@@ -243,8 +245,8 @@ const Layout = ({ children }) => {
{/* Desktop sidebar */}
<div className="hidden lg:fixed lg:inset-y-0 lg:flex lg:w-64 lg:flex-col">
<div className="flex min-h-0 flex-1 flex-col bg-white border-r border-gray-200">
<div className="flex h-16 items-center px-6 border-b border-gray-200">
<img src="/brand/logo.png" alt="TurfTracking" className="h-12 w-12 object-contain" />
<div className="flex h-24 items-center justify-center px-6 border-b border-gray-200">
<img src="/brand/logo.png" alt="TurfTracking" className="h-20 w-20 object-contain" />
</div>
<nav className="flex-1 space-y-1 px-4 py-6">
@@ -328,7 +330,7 @@ const Layout = ({ children }) => {
<div className="lg:pl-64">
{/* Top bar */}
<div className="sticky top-0 z-10 bg-white border-b border-gray-200 lg:hidden">
<div className="flex h-16 items-center justify-between px-4">
<div className="relative flex h-16 items-center justify-between px-4">
<button
type="button"
className="text-gray-500 hover:text-gray-600"
@@ -336,9 +338,10 @@ const Layout = ({ children }) => {
>
<Bars3Icon className="h-6 w-6" />
</button>
<img src="/brand/logo.png" alt="TurfTracking" className="h-10 w-10 object-contain" />
{/* Centered logo */}
<div className="absolute inset-0 flex items-center justify-center">
<img src="/brand/logo.png" alt="TurfTracking" className="h-12 w-12 object-contain" />
</div>
<div className="flex items-center space-x-4">
<button className="text-gray-400 hover:text-gray-500">
<BellIcon className="h-6 w-6" />