Merge pull request #713 from bugout-dev/mobile-menu-layout

Mobile menu layout

frontend/pages/status/index.js

@@ -6,7 +6,7 @@ import { getLayout, getLayoutProps } from "../../src/layouts/InfoPageLayout";
 const Status = () => {
   const healthyStatusText = "Available";
   const downStatusText = "Unavailable";
-  const healthyStatusColor = "green.900";
+  const healthyStatusColor = "green.1000";
   const downStatusColor = "red.600";
 
   const { serverListStatusCache } = useStatus();

frontend/pages/whitepapers.js

@@ -10,7 +10,7 @@ const Papers = () => {
         Whitepapers
       </Heading>
       <Link
-        color="orange.900"
+        color="orange.1000"
         href="https://github.com/bugout-dev/moonstream/blob/main/datasets/nfts/papers/ethereum-nfts.pdf"
       >
         An analysis of 7,020,950 NFT transactions on the Ethereum blockchain -

frontend/src/components/Scrollable.js

@@ -28,7 +28,8 @@ const Scrollable = (props) => {
     }
 
     const navbar = document.getElementById("Navbar");
-    if (dir === -1) {
+
+    if (dir === -1 && e.target.scrollTop > 0) {
       navbar.style.top = `${-navbar.offsetHeight}px`;
     } else {
       navbar.style.top = "-0";

frontend/src/components/TeamCard.js

@@ -27,9 +27,8 @@ export default function SocialProfileSimple({
         maxW={"320px"}
         h="420px"
         w={"full"}
-        bg={useColorModeValue("white.50", "gray.900")}
-        boxShadow={"2xl"}
-        rounded={"lg"}
+        borderRadius="20px"
+        border="1px solid white"
         p={6}
         textAlign={"center"}
       >
@@ -56,7 +55,7 @@ export default function SocialProfileSimple({
         <Heading fontSize={"2xl"} fontFamily={"body"}>
           {name}
         </Heading>
-        <Text fontWeight={600} color={"gray.900"} mb={4}>
+        <Text fontWeight={600} color={"blue.850"} mb={4}>
           {atName}
         </Text>
         <Text textAlign={"center"} px={3}>