fix top header

kadena-community · Oct 31, 2024 · c8d92fd · c8d92fd
1 parent 1b9260f
commit c8d92fd
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 21 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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({