fix: compare table

packages/website/src/components/Compare/CompareTable.tsx

@@ -46,7 +46,10 @@ export function CompareTable({ stats }: CompareTableProps) {
       size="1"
       variant="surface"
       style={{
+        position: 'absolute',
         maxWidth: '100%',
+        maxHeight: '100%',
+        height: '100%',
         // height: 'calc(100vh - 128px)'
       }}
     >

packages/website/src/layouts/BaseLayout.astro

@@ -7,6 +7,11 @@ import Navbar from '../components/Navbar.astro';
 import Party3 from '../components/Party3.astro';
 import './base.css';
 
+export interface Props {
+  noFooter?: boolean;
+}
+
+const { noFooter } = Astro.props;
 const { pathname } = Astro.url;
 const isRoot = pathname === '/';
 ---
@@ -42,7 +47,7 @@ const isRoot = pathname === '/';
 
         <slot />
 
-        <Footer />
+        {!noFooter && <Footer />}
       </Flex>
     </BlitzKitTheme>
   </body>

packages/website/src/pages/tools/compare/_index.tsx

@@ -7,7 +7,7 @@ import {
   fetchTankDefinitions,
 } from '@blitzkit/core';
 import { PlusIcon } from '@radix-ui/react-icons';
-import { Box, Flex, Heading, IconButton, Text } from '@radix-ui/themes';
+import { Flex, Heading, Text } from '@radix-ui/themes';
 import { useEffect, useMemo, useState } from 'react';
 import { CompareTable } from '../../../components/Compare/CompareTable';
 import { Controls } from '../../../components/Compare/Controls';
@@ -128,23 +128,21 @@ function Content() {
       </Flex>
 
       {members.length > 0 && (
-        <Flex justify="center">
-          <Box maxWidth="100%" position="relative">
-            <CompareTable stats={stats} />
+        <Flex justify="center" flexGrow="1" position="relative">
+          <CompareTable stats={stats} />
 
-            <IconButton
-              style={{
-                position: 'absolute',
-                right: 0,
-                top: 73,
-                transform: 'translate(50%, -50%)',
-                zIndex: 1,
-              }}
-              onClick={() => setAddTankDialogOpen(true)}
-            >
-              <PlusIcon />
-            </IconButton>
-          </Box>
+          {/* <IconButton
+            style={{
+              position: 'absolute',
+              right: 0,
+              top: 73,
+              transform: 'translate(50%, -50%)',
+              zIndex: 1,
+            }}
+            onClick={() => setAddTankDialogOpen(true)}
+          >
+            <PlusIcon />
+          </IconButton> */}
         </Flex>
       )}
 

packages/website/src/pages/tools/compare/index.astro

@@ -1,9 +1,8 @@
 ---
-import { compareTool } from '../../../constants/tools';
-import ToolLayout from '../../../layouts/ToolLayout.astro';
+import BaseLayout from '../../../layouts/BaseLayout.astro';
 import { Page } from './_index';
 ---
 
-<ToolLayout tool={compareTool}>
+<BaseLayout noFooter>
   <Page client:load />
-</ToolLayout>
+</BaseLayout>