fix(Ship): Long lists not in overflow scroll

ilyasmirnov03 · Dec 13, 2023 · 96f6254 · 96f6254
1 parent 93e9cf5
commit 96f6254
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/src/components/dashboard/ship-details/marketplace/Marketplace.tsx b/src/components/dashboard/ship-details/marketplace/Marketplace.tsx
@@ -11,7 +11,7 @@ export const Marketplace: FC = () => {
     }
 
     return (
-        <article className="marketplace">
+        <article className="w-full">
             <h2 className="title-3xl mb-10">{shipContext.marketplace?.symbol} Market</h2>
             <ul className="longList">
                 {shipContext.marketplace?.tradeGoods?.map(good => (

diff --git a/src/components/dashboard/ship-details/shipyard/Shipyard.tsx b/src/components/dashboard/ship-details/shipyard/Shipyard.tsx
@@ -24,7 +24,7 @@ export const Shipyard: FC = () => {
     }
 
     return (
-        <article>
+        <article className="w-full">
             <header className="mb-10">
                 <h2 className="title-3xl">Shipyard {shipContext.shipyard?.symbol}</h2>
             </header>

diff --git a/src/components/dashboard/ship-details/waypoints/Waypoints.tsx b/src/components/dashboard/ship-details/waypoints/Waypoints.tsx
@@ -3,7 +3,6 @@ import {shipCanPerformAction} from '../../../../utils/ship/shipCanPerformAction'
 import {useShip} from '../../../../hooks/ship/useShip';
 import {getDistanceToWaypoint} from '../../../../utils/ship/getDistanceToWaypoint';
 import {getArrivalTime} from '../../../../utils/ship/getArrivalTime';
-import './waypoints.css';
 
 interface WaypointsProps {
 }
@@ -13,7 +12,7 @@ export const Waypoints: FC<WaypointsProps> = () => {
     const shipContext = useShip();
 
     return (
-        <article className="shipWaypoints vertical-flex-layout">
+        <article className="w-full vertical-flex-layout">
             <button disabled={!shipCanPerformAction(shipContext.ship, shipContext.cooldown ?? 0)} className="button"
                     onClick={shipContext.scanWaypoints}>Scan nearby waypoints
             </button>

diff --git a/src/components/dashboard/ship-details/waypoints/waypoints.css b/src/components/dashboard/ship-details/waypoints/waypoints.css
diff --git a/src/styles/global.css b/src/styles/global.css
@@ -89,6 +89,10 @@ body {
   margin-top: auto;
 }
 
+.w-full {
+  width: 100%;
+}
+
 /* Main layout
 */