From bb6fbf286f394d13fc73ab8eeaaf0224f81898ac Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Thu, 14 Nov 2024 20:44:01 -0600
Subject: [PATCH] fix: compare table

---
 .../src/components/Compare/CompareTable.tsx   |  3 ++
 packages/website/src/layouts/BaseLayout.astro |  7 +++-
 .../src/pages/tools/compare/_index.tsx        | 32 +++++++++----------
 .../src/pages/tools/compare/index.astro       |  7 ++--
 4 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/packages/website/src/components/Compare/CompareTable.tsx b/packages/website/src/components/Compare/CompareTable.tsx
index d478455bb..cda92bb10 100644
--- a/packages/website/src/components/Compare/CompareTable.tsx
+++ b/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)'
       }}
     >
diff --git a/packages/website/src/layouts/BaseLayout.astro b/packages/website/src/layouts/BaseLayout.astro
index c35cf4bdf..8ed4cd9da 100644
--- a/packages/website/src/layouts/BaseLayout.astro
+++ b/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>
diff --git a/packages/website/src/pages/tools/compare/_index.tsx b/packages/website/src/pages/tools/compare/_index.tsx
index c6edd8b95..111e7ea24 100644
--- a/packages/website/src/pages/tools/compare/_index.tsx
+++ b/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>
       )}
 
diff --git a/packages/website/src/pages/tools/compare/index.astro b/packages/website/src/pages/tools/compare/index.astro
index 0c070e7d1..4611d499b 100644
--- a/packages/website/src/pages/tools/compare/index.astro
+++ b/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>