fix: tailwind style

Author: Holybasil

src/app/globals.css

@@ -191,12 +191,12 @@ div.markdown-body img {
 }
 
 .wrapper {
-  @apply max-w-7xl p-6 mx-auto w-full overflow-hidden;
+  @apply max-w-[1280px] p-[24px] mx-auto w-full overflow-hidden;
   padding-top: 3rem;
 }
 
 @media screen and (max-width: 900px) {
   .wrapper {
-    @apply p-4;
+    @apply p-[16px];
   }
 }

src/app/rollupscan/batch/[batchIndex]/chunk/[chunkIndex]/blocks/page.tsx

@@ -25,6 +25,7 @@ const Blocks = () => {
       <Box
         className="wrapper mx-auto"
         sx={{
+          maxWidth: "130rem",
           marginBottom: "16rem",
           "& *": {
             fontFamily: "var(--developer-page-font-family) !important",

src/app/rollupscan/batch/[batchIndex]/page.tsx

@@ -116,9 +116,9 @@ const Batch = props => {
   const renderStatusTooltip = () => {
     return (
       <>
-        <p className="mb-1">Precommitted: Batch included in Scroll L2</p>
-        <p className="mb-1">Committed: Batch transaction data submitted to Ethereum (L1)</p>
-        <p className="mb-1">Finalized: Batch validity proof submitted to and verified on Ethereum</p>
+        <p className="mb-[4px]">Precommitted: Batch included in Scroll L2</p>
+        <p className="mb-[4px]">Committed: Batch transaction data submitted to Ethereum (L1)</p>
+        <p className="mb-[4px]">Finalized: Batch validity proof submitted to and verified on Ethereum</p>
       </>
     )
   }

src/app/rollupscan/index/Table.tsx

@@ -158,10 +158,6 @@ const RollupTable = function RollupTable(props) {
     const params = new URLSearchParams(searchParams.toString())
     params.set("page", newPage)
     router.push(`${pathname}?${params.toString()}}`)
-    onPaginationChange({
-      page: +searchParams.get("page"),
-      pageSize: +searchParams.get("per_page"),
-    })
   }
 
   if (emptyBatch) {