see if condensing mobile detect works

OSU-Sustainability-Office · Aug 7, 2023 · 0ada5a3 · 0ada5a3
1 parent 19edd14
commit 0ada5a3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -139,22 +139,17 @@ body {
 <style scoped lang="scss">
 @import '@/assets/style-variables.scss';
 
-/* Media query for mobile devices */
-@media only screen and (max-width: 768px) {
-  body {
-    max-width: 100%;
-    overflow-x: hidden; /* Hide horizontal scrollbar */
-  }
-}
-
 /* Feature detection for touch devices (phones and tablets) */
 @supports (-webkit-touch-callout: none) {
   /* Apply styles specifically for touch devices here */
+  /* Media query for mobile devices */
+  @media only screen and (max-width: 768px) {
   body {
     max-width: 100%;
     overflow-x: hidden; /* Hide horizontal scrollbar */
   }
 }
+}
 .app {
   padding: 0;
   margin: 0;

diff --git a/src/components/map/map.vue b/src/components/map/map.vue
@@ -485,6 +485,7 @@ $sideMenu-width: 250px;
   z-index: 2000;
   width: $sideMenu-width;
   padding-top: 1em;
+  // margin-top: 10em;
 }
 .sideMenuGroupTitle {
   font-size: 18px;