clean up table headers on home page (#5065)

charmverse · Nov 22, 2024 · 403ecfb · 403ecfb
1 parent 841828d
commit 403ecfb
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 22 deletions.
diff --git a/apps/scoutgame/components/home/components/HomePageTable/components/ActivityTable.tsx b/apps/scoutgame/components/home/components/HomePageTable/components/ActivityTable.tsx
@@ -91,7 +91,6 @@ export function ActivityTable({ activities }: { activities: BuilderActivity[] })
     >
       <TableHead
         sx={{
-          display: { xs: 'none', md: 'table-header-group' },
           position: 'sticky',
           top: 45,
           zIndex: 1000,

diff --git a/apps/scoutgame/components/home/components/HomePageTable/components/LeaderboardTable.tsx b/apps/scoutgame/components/home/components/HomePageTable/components/LeaderboardTable.tsx
@@ -35,7 +35,7 @@ export function LeaderboardTable({ data, week }: { data: LeaderBoardRow[]; week:
             <WeekTableHead week={week} />
           </TableCell>
           <TableCell
-            sx={{ maxWidth: { xs: '100px', sm: '100%' }, display: { xs: 'none', sm: 'block' }, pr: 0 }}
+            sx={{ maxWidth: { xs: '100px', sm: '100%' }, display: { xs: 'none', sm: 'table-cell' }, pr: 0 }}
             align='center'
           >
             GEMS

diff --git a/apps/scoutgame/components/home/components/HomePageTable/components/TopBuildersTable.tsx b/apps/scoutgame/components/home/components/HomePageTable/components/TopBuildersTable.tsx
@@ -20,34 +20,22 @@ export function TopBuildersTable({ builders }: { builders: TopBuilderInfo[] }) {
     >
       <TableHead sx={{ position: 'sticky', top: 45, zIndex: 1000, backgroundColor: 'background.paper' }}>
         <CommonTableRow>
-          <TableCell align='center' sx={{ fontSize: { xs: '12px', md: 'initial' } }}>
-            RANK
-          </TableCell>
-          <TableCell align='left' sx={{ fontSize: { xs: '12px', md: 'initial' } }}>
-            BUILDER
-          </TableCell>
-          <TableCell align='right' sx={{ fontSize: { xs: '12px', md: 'initial' } }}>
+          <TableCell align='center'>RANK</TableCell>
+          <TableCell align='left'>BUILDER</TableCell>
+          <TableCell align='right'>
             <Stack display='inline-flex' flexDirection='row' gap={0.5} alignItems='center'>
               SEASON <PointsIcon />
             </Stack>
           </TableCell>
-          <TableCell
-            align='right'
-            sx={{ display: { xs: 'none', md: 'table-cell' }, fontSize: { xs: '12px', md: 'initial' } }}
-          >
+          <TableCell align='right' sx={{ display: { xs: 'none', md: 'table-cell' } }}>
             <Stack display='inline-flex' flexDirection='row' gap={0.5} alignItems='center'>
               ALL TIME <PointsIcon />
             </Stack>
           </TableCell>
-          <TableCell
-            align='center'
-            sx={{ whiteSpace: 'nowrap', display: 'table-cell', fontSize: { xs: '12px', md: 'initial' } }}
-          >
+          <TableCell align='center' sx={{ whiteSpace: 'nowrap', display: 'table-cell' }}>
             SCOUTED BY
           </TableCell>
-          <TableCell align='center' sx={{ fontSize: { xs: '12px', md: 'initial' } }}>
-            PRICE
-          </TableCell>
+          <TableCell align='center'>PRICE</TableCell>
         </CommonTableRow>
       </TableHead>
       <TableBody>

diff --git a/package-lock.json b/package-lock.json