welcome and tour boxes fixed for mobile

OvertureMaps · Jan 15, 2025 · 0a904f5 · 0a904f5
1 parent 76fddf1
commit 0a904f5
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 5 deletions.
diff --git a/site/package-lock.json b/site/package-lock.json
diff --git a/site/src/StartupBox.css b/site/src/StartupBox.css
@@ -79,3 +79,10 @@ p.light-startup {
   display: flex;
   justify-content: center;
 }
+
+@media (max-width: 768px) {
+  div.startup-box-light,
+  div.startup-box-dark {
+    width: 70%;
+  }
+}
diff --git a/site/src/Tour.css b/site/src/Tour.css
@@ -0,0 +1,6 @@
+@media (max-width: 768px) {
+  .__floater {
+    max-height: 50%;
+    width: 13.5em;
+  }
+}
diff --git a/site/src/Tour.jsx b/site/src/Tour.jsx
@@ -1,6 +1,7 @@
 import Joyride, { ACTIONS, EVENTS, LIFECYCLE } from "react-joyride";
 import { useState } from "react";
 import LayerIcon from "./icons/icon-layers.svg?react";
+import "./Tour.css";
 
 const Steps = [
   {

diff --git a/site/src/inspector_panel/InspectorPanel.css b/site/src/inspector_panel/InspectorPanel.css
@@ -23,7 +23,8 @@
   }
 
   @media (max-width: 768px) {
-    max-height: 50%;
+    max-height: 380px;
+    width: 70%;
   }
 
   table {