Merge pull request #161 from oasisprotocol/mz/mobileHeader

buberdds · web-flow · commit 2f2a3e3e1ef6 · 2025-07-03T15:06:28.000+02:00
Improve mobile header
diff --git a/index.html b/index.html
@@ -9,6 +9,7 @@
       name="description"
       content="Offchain Performance. Onchain Trust. Build trustless apps. Start quickly with templates. Manage everything from one interface."
     />
+    <meta name="theme-color" content="#09090b" />
   </head>
   <body class="dark">
     <div id="root"></div>
diff --git a/src/components/Layout/Header.tsx b/src/components/Layout/Header.tsx
@@ -50,17 +50,17 @@ export const Header: FC = () => {
                 </Button>
               </div>
             </SheetTrigger>
-            <SheetContent side="top" className="w-full">
-              <SheetHeader>
+            <SheetContent side="top" className="gap-0">
+              <SheetHeader className="mb-4 px-3 py-2.5 border-b">
                 <SheetTitle className="sr-only">Navigation Menu</SheetTitle>
-                <div className="flex items-start px-3 py-2.5">
+                <div className="flex items-start">
                   <NavLink to="/" onClick={() => setIsOpen(false)}>
-                    <img src={Logotype} alt="ROFL App" />
+                    <img src={Logotype} alt="ROFL App" className="h-[36px]" />
                   </NavLink>
                 </div>
               </SheetHeader>
               <nav>
-                <div className="flex flex-col p-2">
+                <div className="flex flex-col px-4 pb-4 gap-2">
                   <NavbarLink to="/dashboard" onClick={() => setIsOpen(false)}>
                     <span className="text-foreground">Dashboard</span>
                   </NavbarLink>
diff --git a/ui-library b/ui-library
@@ -1 +1 @@
-Subproject commit 3c791eac49a8c195700ac93998cf051158855c3d
+Subproject commit c52ca6a93f39e734b29133e0f92908ec4dd739fa
