fix: mobile style

Author: Holybasil

src/app/sessions/Header/TotalMarks.tsx

@@ -5,7 +5,7 @@ import { motion } from "framer-motion"
 
 import { Box, Divider, Skeleton, Stack, Typography } from "@mui/material"
 
-import { fetchSession0And1TotalMarksURL, fetchSession2TotalMarksURL } from "@/apis/sessions"
+import { fetchSession2TotalMarksURL } from "@/apis/sessions"
 import QaSvg from "@/assets/svgs/sessions/qa.svg"
 import Button from "@/components/Button"
 import Link from "@/components/Link"
@@ -73,7 +73,7 @@ const TotalPoints = () => {
                 }}
               >
                 {session2Loading ? (
-                  <Skeleton sx={{ borderRadius: "1rem", width: "12rem", height: "8rem", display: "inline-block" }}></Skeleton>
+                  <Skeleton sx={{ borderRadius: "1rem", width: "12rem", height: ["4.8rem", "8rem"], display: "inline-block" }}></Skeleton>
                 ) : (
                   <>{session2Data.marks ? formatLargeNumber(session2Data.marks, 2) : "--"}</>
                 )}
@@ -106,7 +106,7 @@ const TotalPoints = () => {
               }}
             >
               {session2Loading ? (
-                <Skeleton sx={{ borderRadius: "1rem", width: "12rem", height: "8rem", display: "inline-block" }}></Skeleton>
+                <Skeleton sx={{ borderRadius: "1rem", width: "12rem", height: ["4.8rem", "8rem"], display: "inline-block" }}></Skeleton>
               ) : (
                 <>{session2Data.boost ? formatLargeNumber(session2Data.boost, 2) + "x" : "--"}</>
               )}

src/app/sessions/Header/index.tsx

@@ -11,7 +11,7 @@ const Header = () => {
       sx={[
         {
           position: "relative",
-          height: ["120rem", "75rem", "auto"],
+          height: ["124rem", "75rem", "auto"],
           background: [`url(${MobileHeroBg.src}) bottom / contain no-repeat`, `url(${HeroBg.src}) bottom / contain no-repeat`],
           aspectRatio: ["auto", "auto", "16 / 9"],
           marginTop: [0, 0, "-6.5rem"],

src/app/sessions/Protocols/protocolList.ts

@@ -96,7 +96,7 @@ const LENDING_BORROWING_DATA: ProtocolData = {
   tag: "1x Marks",
   data: [
     {
-      name: "AAVE",
+      name: "Aave",
       project: "Aave",
       logoURL: "https://scroll-eco-list.netlify.app/logos/Aave.svg",
       href: "https://app.aave.com/",

src/app/sessions/components/QATooltip/index.tsx

@@ -21,6 +21,9 @@ const useStyles = makeStyles()(theme => ({
     lineHeight: "2.4rem",
     borderRadius: "2rem",
     width: "28rem",
+    [theme.breakpoints.down("md")]: {
+      marginTop: "1.6rem !important",
+    },
   },
 }))