Improve scrolling a bit

Signed-off-by: Tomas Slusny <[email protected]>
deathbeam · Oct 29, 2023 · cea2577 · cea2577
1 parent e421928
commit cea2577
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/site/src/components/Atlas.js b/site/src/components/Atlas.js
@@ -152,11 +152,13 @@ const Atlas = ({ maps, currentSearch, currentMap, voidstones, setCurrentMap }) =
 
   return (
     <div
-      className="d-none d-md-block"
+      className="d-none d-lg-block position-fixed"
       style={{
-        width: '100%',
+        width: '75%',
         height: '100vh',
-        backgroundColor: 'black'
+        backgroundColor: 'black',
+        top: 0,
+        left: 0
       }}
     >
       <ReactFlow

diff --git a/site/src/views/AtlasView.js b/site/src/views/AtlasView.js
@@ -41,13 +41,10 @@ const AtlasView = ({
           />
         </ReactFlowProvider>
       </div>
-      <div
-        className={'container-fluid col-lg-3 col-12 full-height m-0 p-0' + (currentMap ? ' overflow-visible' : '')}
-        style={style}
-      >
+      <div className="container-fluid col-lg-3 col-12 full-height m-0 p-0 overflow-visible" style={style}>
         <Navbar view={view} setView={setView} showBack={!!currentMap} backAction={() => setCurrentMap(null)} />
         <div className="m-2">
-          <p className="d-block d-md-none">
+          <p className="d-block d-lg-none">
             <b className="text-danger">Warning!</b> <b>Atlas</b> view is unsupported on small resolutions, switch back
             to <b>List</b> view.
           </p>