Merge pull request #855 from invariant-labs/dev

Update stagin env
invariant-labs · Jan 9, 2025 · 0e75c54 · 0e75c54
2 parents b15c3ec + cdb31b7
commit 0e75c54
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/src/components/Header/style.ts b/src/components/Header/style.ts
@@ -45,7 +45,9 @@ const useStyles = makeStyles()((theme: Theme) => {
       backgroundColor: colors.invariant.black,
       borderRadius: '10px',
       transition: 'left 300ms',
-      width: 'fit-content'
+      width: 'fit-content',
+      margin: '0 12px',
+      textWrap: 'nowrap'
     },
     connectedWalletIcon: {
       minWidth: 21,
@@ -92,7 +94,10 @@ const useStyles = makeStyles()((theme: Theme) => {
       backgroundColor: colors.invariant.component,
       borderRadius: 14,
       width: 'auto',
-      padding: 4
+      padding: 4,
+      [theme.breakpoints.down('lg')]: {
+        marginLeft: 12
+      }
     },
     buttonsLgConnected: {
       [theme.breakpoints.up('lg')]: {

diff --git a/src/components/Snackbar/CustomSnackbar/CustomSnackbar.tsx b/src/components/Snackbar/CustomSnackbar/CustomSnackbar.tsx
@@ -98,6 +98,13 @@ const CustomSnackbar = React.forwardRef<HTMLDivElement, CustomContentProps>(
               </StyledCloseButton>
             </Grid>
           )}
+          {!link && !txid && (
+            <Grid display='flex' mx={1} minWidth='fit-content'>
+              <StyledCloseButton onClick={handleDismiss}>
+                <img width={16} src={icons.closeIcon} alt='Close'></img>
+              </StyledCloseButton>
+            </Grid>
+          )}
         </>
       )
     }

diff --git a/src/static/theme/index.ts b/src/static/theme/index.ts
@@ -197,7 +197,7 @@ export const theme = createTheme({
       sm: 600,
       md: 960,
       lg: 1280,
-      xl: 1950
+      xl: 1920
     }
   }
 })