chore: fix bug with header title

leather-io · Feb 28, 2024 · ca6a49b · ca6a49b
1 parent 1f9342f
commit ca6a49b
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/app/ui/components/containers/headers/header.tsx b/src/app/ui/components/containers/headers/header.tsx
@@ -57,9 +57,14 @@ export function Header({
     >
       <Grid
         gridTemplateColumns="auto 4fr 1fr"
+        // auto-fit seems good!
+        // gridTemplateColumns="repeat(auto-fit, minmax(100px, 1fr))"
+        gridAutoFlow="column"
         width="100%"
         maxWidth={{ base: '100vw', md: 'fullPageMaxWidth' }}
         margin={{ base: 0, md: 'auto' }}
+        // alignItems="start"
+        // justifyItems="start"
       >
         <GridItem justifySelf="start">
           {logoItem && (
@@ -75,7 +80,7 @@ export function Header({
             </Flex>
           )}
         </GridItem>
-        <GridItem>{isString(title) ? <Title title={title} /> : title}</GridItem>
+        <GridItem margin="auto">{isString(title) ? <Title title={title} /> : title}</GridItem>
         <GridItem>
           <HStack alignItems="center" justifyContent="flex-end">
             {networkBadge}