Merge pull request #89 from inkonchain/fix/center-layout-top-nav

fix: center layout top nav
inkonchain · Jan 28, 2025 · 320a2b4 · 320a2b4
2 parents c7ae69e + 0008d4b
commit 320a2b4
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@inkonchain/ink-kit",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

diff --git a/src/layout/InkLayout/InkLayout.tsx b/src/layout/InkLayout/InkLayout.tsx
@@ -38,7 +38,7 @@ export const InkLayout: React.FC<InkLayoutProps> = ({
           className
         )}
       >
-        <div className="ink:w-full ink:flex ink:justify-between ink:items-center ink:gap-3 ink:px-3 ink:sm:px-5 ink:pt-4 ink:box-border ink:sticky ink:top-0 ink:z-10">
+        <div className="ink:w-full ink:grid ink:grid-cols-[1fr_auto_1fr] ink:justify-between ink:items-center ink:gap-3 ink:px-3 ink:sm:px-5 ink:pt-4 ink:box-border ink:sticky ink:top-0 ink:z-10">
           <div className="ink:flex ink:items-center ink:justify-start ink:size-6 ink:gap-2">
             {mainIcon}
           </div>