From c8d92fd483efcf4d5e4cd646ba2972c4b8d8dcc2 Mon Sep 17 00:00:00 2001
From: Steven Straatemans <steven@straatemans.nl>
Date: Thu, 31 Oct 2024 11:26:23 +0100
Subject: [PATCH] fix top header

---
 .../apps/dev-wallet/src/App/BetaHeader.tsx    |  1 +
 .../SideBarLayout/SideBarLayout.stories.tsx   |  2 +-
 .../patterns/SideBarLayout/SideBarLayout.tsx  |  1 -
 .../src/patterns/SideBarLayout/sidebar.css.ts | 19 -------------------
 4 files changed, 2 insertions(+), 21 deletions(-)

diff --git a/packages/apps/dev-wallet/src/App/BetaHeader.tsx b/packages/apps/dev-wallet/src/App/BetaHeader.tsx
index 5180c9731d..0c14ccdbb1 100644
--- a/packages/apps/dev-wallet/src/App/BetaHeader.tsx
+++ b/packages/apps/dev-wallet/src/App/BetaHeader.tsx
@@ -27,6 +27,7 @@ export const BetaHeader = () => {
   return (
     <>
       <Stack
+        width="100%"
         as="header"
         alignItems="center"
         flexDirection="row"
diff --git a/packages/libs/kode-ui/src/patterns/SideBarLayout/SideBarLayout.stories.tsx b/packages/libs/kode-ui/src/patterns/SideBarLayout/SideBarLayout.stories.tsx
index f5ee53c57d..29125658b1 100644
--- a/packages/libs/kode-ui/src/patterns/SideBarLayout/SideBarLayout.stories.tsx
+++ b/packages/libs/kode-ui/src/patterns/SideBarLayout/SideBarLayout.stories.tsx
@@ -76,7 +76,7 @@ const InnerLayout = () => {
         </a>
       }
       activeUrl="https://kadena.io"
-      // topBanner={<div style={{ paddingBlock: '10px' }}>topbanner</div>}
+      topBanner={<div style={{ paddingBlock: '10px' }}>topbanner</div>}
       breadcrumbs={
         <Breadcrumbs icon={<MonoAccountTree />}>
           <BreadcrumbsItem href="/accounts">He-man</BreadcrumbsItem>
diff --git a/packages/libs/kode-ui/src/patterns/SideBarLayout/SideBarLayout.tsx b/packages/libs/kode-ui/src/patterns/SideBarLayout/SideBarLayout.tsx
index 7e10430f73..d257f470d7 100644
--- a/packages/libs/kode-ui/src/patterns/SideBarLayout/SideBarLayout.tsx
+++ b/packages/libs/kode-ui/src/patterns/SideBarLayout/SideBarLayout.tsx
@@ -63,7 +63,6 @@ export const SideBarLayout: FC<ISideBarLayout> = ({
               style={{
                 gridArea: 'sidebarlayout-topbanner',
                 overflowY: 'hidden',
-                background: 'green',
               }}
             >
               {topBanner}
diff --git a/packages/libs/kode-ui/src/patterns/SideBarLayout/sidebar.css.ts b/packages/libs/kode-ui/src/patterns/SideBarLayout/sidebar.css.ts
index a47d1f181d..3f8132dcc0 100644
--- a/packages/libs/kode-ui/src/patterns/SideBarLayout/sidebar.css.ts
+++ b/packages/libs/kode-ui/src/patterns/SideBarLayout/sidebar.css.ts
@@ -198,25 +198,6 @@ export const headerWrapperClass = style([
     height: minHeaderHeight,
     gridArea: 'sidebarlayout-header',
   },
-
-  responsiveStyle({
-    //   xs: {
-    //     gridTemplateColumns: 'auto',
-    //     gridTemplateRows: `${minHeaderHeight} auto 60px`,
-    //     gridTemplateAreas: `
-    //   "sidebarlayout-header"
-    //   "sidebarlayout-main"
-    //   "sidebarlayout-footer"
-    // `,
-    //   },
-    md: {
-      //     gridTemplateColumns: `50px auto 50px`,
-      //     gridTemplateRows: 'auto',
-      //     gridTemplateAreas: `
-      //   "header-logo header-toggle header-crumbs"
-      // `,
-    },
-  }),
 ]);
 export const headerClass = style([
   atoms({