Merge pull request #27 from Levana-Protocol/perp-4100/zendesk-button

PERP-4100 | Zendesk button
Levana-Protocol · Sep 19, 2024 · 9a21ee5 · 9a21ee5
2 parents 92b46eb + fb1a354
commit 9a21ee5
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -6,6 +6,8 @@
   <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Levana Predict</title>
+
+  <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=9946b788-5828-45cf-82db-d94c12250035"></script>
 </head>
 
 <body>

diff --git a/frontend/src/components/common/Footer/index.tsx b/frontend/src/components/common/Footer/index.tsx
@@ -2,7 +2,7 @@ import { useMemo } from "react"
 import { Link, Stack } from "@mui/joy"
 import { Link as RouterLink } from "react-router-dom"
 
-import { DESKTOP_BREAKPOINT } from "@utils/styles"
+import { DESKTOP_BREAKPOINT, mergeSx, stylesOnlyAt } from "@utils/styles"
 import { GithubIcon } from "@assets/icons/Github"
 
 const TERMS_OF_SERVICE_URL =
@@ -45,10 +45,16 @@ const Footer = () => {
   return (
     <Stack
       direction={{ xs: "column", md: "row" }}
-      justifyContent={{ sm: "flex-end" }}
+      justifyContent="center"
       alignItems="center"
       gap={2}
-      sx={{ mt: 4, p: { xs: 2, [DESKTOP_BREAKPOINT]: 3 } }}
+      sx={mergeSx(
+        {
+          mt: 8,
+          p: { xs: 2, [DESKTOP_BREAKPOINT]: 3 },
+        },
+        stylesOnlyAt("xs", { pb: 10 }),
+      )}
     >
       <Link
         component={RouterLink}

diff --git a/frontend/src/config/theme.tsx b/frontend/src/config/theme.tsx
@@ -701,6 +701,10 @@ const ThemeProvider = (props: PropsWithChildren) => {
             flexWrap: "nowrap",
           },
 
+          ".notistack-SnackbarContainer": {
+            zIndex: 1000000,
+          },
+
           ".notistack-Snackbar": {
             minWidth: 0,
           },