fix stakes banner width issues on xl devices

MrJithil · MrJithil · commit ba17b24d8227 · 2023-01-26T17:05:19.000+11:00
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
@@ -137,6 +137,7 @@ const Layout: React.FC<IProps> = ({
                 flexFlow="column"
                 maxW={{
                   lg: lightTheme.variables.maxPageWidth,
+                  xl: "100%",
                 }}
               >
                 <ZenMode>
diff --git a/src/pages/staking/index.tsx b/src/pages/staking/index.tsx
@@ -34,6 +34,7 @@ const HeroStatsWrapper = styled.div`
   align-items: center;
   background: ${({ theme }) => theme.colors.layer2Gradient};
   padding-bottom: 2rem;
+  width: 100%;
 `
 
 const Page = styled.div`

Original file line number	Diff line number	Diff line change
`@@ -137,6 +137,7 @@ const Layout: React.FC<IProps> = ({`
`137`	`137`	`flexFlow="column"`
`138`	`138`	`maxW={{`
`139`	`139`	`lg: lightTheme.variables.maxPageWidth,`
	`140`	`+ xl: "100%",`
`140`	`141`	`}}`
`141`	`142`	`>`
`142`	`143`	`<ZenMode>`
Original file line number	Diff line number	Diff line change
@@ -34,6 +34,7 @@ const HeroStatsWrapper = styled.div`
`34`	`34`	`align-items: center;`
`35`	`35`	`background: ${({ theme }) => theme.colors.layer2Gradient};`
`36`	`36`	`padding-bottom: 2rem;`
	`37`	`+ width: 100%;`
`37`	`38`	`
`38`	`39`
`39`	`40`	const Page = styled.div`