Merge branch 'main' into alpha

frontend/src/layouts/RootLayout.js

@@ -48,54 +48,56 @@ const RootLayout = (props) => {
         <Suspense fallback="">
           <Navbar />
         </Suspense>
-        <Flex
+        {!ui.isAppView && (
-          w="100%"
-          h={showBanner ? ["6.5rem", "4.5rem", "3rem", null] : "0"}
-          minH={showBanner ? ["6.5rem", "4.5rem", "3rem", null] : "0"}
-          animation="linear"
-          transition="1s"
-          overflow="hidden"
-        >
           <Flex
-            px="20px"
             w="100%"
-            minH={["6.5rem", "4.5rem", "3rem", null]}
+            h={showBanner ? ["6.5rem", "4.5rem", "3rem", null] : "0"}
-            h={["6.5rem", "4.5rem", "3rem", null]}
+            minH={showBanner ? ["6.5rem", "4.5rem", "3rem", null] : "0"}
-            placeContent="center"
+            animation="linear"
-            bgColor="suggested.900"
+            transition="1s"
-            boxShadow="md"
+            overflow="hidden"
-            position="relative"
-            className="banner"
           >
-            <Center w="calc(100% - 60px)">
+            <Flex
-              {" "}
+              px="20px"
-              <Text
+              w="100%"
-                fontWeight="600"
+              minH={["6.5rem", "4.5rem", "3rem", null]}
-                textColor="primary.900"
+              h={["6.5rem", "4.5rem", "3rem", null]}
-                fontSize={["sm", "sm", "md", null]}
+              placeContent="center"
-              >
+              bgColor="suggested.900"
-                Join early. Our first 1000 users get free lifetime access to
+              boxShadow="md"
-                blockchain analytics. Contact our team on{" "}
+              position="relative"
-                <Link
+              className="banner"
-                  href={"https://discord.gg/V3tWaP36"}
+            >
-                  color="secondary.900"
+              <Center w="calc(100% - 60px)">
+                {" "}
+                <Text
+                  fontWeight="600"
+                  textColor="primary.900"
+                  fontSize={["sm", "sm", "md", null]}
                 >
-                  Discord
+                  Join early. Our first 1000 users get free lifetime access to
-                </Link>
+                  blockchain analytics. Contact our team on{" "}
-              </Text>
+                  <Link
-            </Center>
+                    href={"https://discord.gg/V3tWaP36"}
-            {/* <Spacer /> */}
+                    color="secondary.900"
-            <IconButton
+                  >
-              position="absolute"
+                    Discord
-              top="0"
+                  </Link>
-              right="0"
+                </Text>
-              icon={<CloseIcon />}
+              </Center>
-              colorScheme="primary"
+              {/* <Spacer /> */}
-              variant="ghost"
+              <IconButton
-              onClick={() => setShowBanner(false)}
+                position="absolute"
-            />
+                top="0"
+                right="0"
+                icon={<CloseIcon />}
+                colorScheme="primary"
+                variant="ghost"
+                onClick={() => setShowBanner(false)}
+              />
+            </Flex>
           </Flex>
-        </Flex>
+        )}
         {!showSpinner && props.children}
         {showSpinner && <Spinner />}
       </Flex>