Fix showing section image on DAO dasbhoard metadata

decentdao · Nov 30, 2023 · 7b2d9ee · 7b2d9ee
1 parent 4b6272b
commit 7b2d9ee
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/app/daos/[daoAddress]/page.tsx b/app/daos/[daoAddress]/page.tsx
@@ -26,6 +26,7 @@ export default function DaoDashboardPage() {
             },
             body: {
               ...theme.styles.global.body,
+              zIndex: '-1',
               background: daoMetadata.bodyBackground,
             },
           },
@@ -38,7 +39,7 @@ export default function DaoDashboardPage() {
   return (
     <ChakraProvider theme={activeTheme}>
       <InfoHeader />
-      <ClientOnly mt={!!daoMetadata ? 8 : 12}>
+      <ClientOnly mt={!!daoMetadata ? 40 : 12}>
         <Info />
         <ERCO20Claim />
         <Activities />

diff --git a/src/components/pages/DaoDashboard/Info/InfoHeader.tsx b/src/components/pages/DaoDashboard/Info/InfoHeader.tsx
@@ -21,9 +21,9 @@ export default function InfoHeader() {
       bg={daoMetadata.headerBackground}
       justifyContent="center"
       alignItems="center"
-      marginLeft="-3rem"
-      marginRight="-3rem"
-      width="calc(100% + 6rem)"
+      position="absolute"
+      left="4.25rem"
+      width="calc(100vw - 4.25rem)"
       paddingTop={2}
       paddingBottom={2}
       flexDirection="column"