fix responsiveness (#337)

NTNU-SmallSatLab · Apr 19, 2024 · 1581701 · 1581701
1 parent 4d6f169
commit 1581701
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git a/frontend/src/components/SatelliteResponsiveTable.tsx b/frontend/src/components/SatelliteResponsiveTable.tsx
@@ -42,16 +42,24 @@ export default function SatelliteResponsiveTable({
                         : "Here are some satellites currently being worked on."}
                 </PageSubtitle>
             </PageHeaderAndSubtitle>
-            <Table className="table-auto border-collapse rounded-md border-b border-white shadow">
+            <Table className="table-auto border-collapse border-b border-white shadow">
                 <TableHeader>
                     <TableRow className="border-y border-white px-3 py-2 text-left text-white">
                         <TableHead className="px-6">Name</TableHead>
                         {inOrbit ? (
                             <>
-                                <TableHead className="">Velocity</TableHead>
-                                <TableHead className="">Altitude</TableHead>
-                                <TableHead className="">Latitude</TableHead>
-                                <TableHead className="">Longitude</TableHead>
+                                <TableHead className="hidden min-w-[100px] sm:table-cell">
+                                    Velocity
+                                </TableHead>
+                                <TableHead className="min-w-[135px]">
+                                    Altitude
+                                </TableHead>
+                                <TableHead className="min-w-[100px]">
+                                    Latitude
+                                </TableHead>
+                                <TableHead className="min-w-[100px]">
+                                    Longitude
+                                </TableHead>
                             </>
                         ) : (
                             <TableHead>Mission Status</TableHead>

diff --git a/frontend/src/components/satelliteData/SatelliteStatsTableRow.tsx b/frontend/src/components/satelliteData/SatelliteStatsTableRow.tsx
@@ -38,7 +38,9 @@ export default function SatelliteStatsTableRow({
         return (
             <TableRow>
                 <TableCell className="w-1/5 px-6">{satName}</TableCell>
-                <TableCell className="w-1/5">Loading...</TableCell>
+                <TableCell className="hidden w-1/5 sm:table-cell">
+                    Loading...
+                </TableCell>
                 <TableCell className="w-1/5">Loading...</TableCell>
                 <TableCell className="w-1/5">Loading...</TableCell>
                 <TableCell className="w-1/5">Loading...</TableCell>
@@ -55,7 +57,7 @@ export default function SatelliteStatsTableRow({
             }}
         >
             <TableCell className="w-1/5 px-6">{satName}</TableCell>
-            <TableCell className=" w-1/5">
+            <TableCell className="hidden w-1/5 sm:table-cell">
                 {satelliteInfo.velocity} km/s
             </TableCell>
             <TableCell className=" w-1/5">