test landscope iphone

OSU-Sustainability-Office · Aug 21, 2023 · 1a16d78 · 1a16d78
1 parent 4d0c587
commit 1a16d78
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -143,7 +143,7 @@ body {
 @import '@/assets/style-variables.scss';
 
 /* Media query for mobile devices */
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 844px) {
  body {
  max-width: 100%;
  overflow-x: hidden; /* Hide horizontal scrollbar */

diff --git a/src/components/UsrMsg.vue b/src/components/UsrMsg.vue
@@ -17,7 +17,7 @@ export default {
  },
  computed: {
  isSmallScreen () {
- return window.innerWidth < 768 // Adjust this threshold as needed
+ return window.innerWidth < 844 // Adjust this threshold as needed
  },
  buttonText () {
  return this.isSmallScreen

diff --git a/src/components/map/map.vue b/src/components/map/map.vue
@@ -359,7 +359,7 @@ export default {
  async created () {
  await this.$store.dispatch( 'map/loadGeometry' )
  this.mapLoaded = true
- this.message = window.innerWidth > 768
+ this.message = window.innerWidth > 844
  EventBus.$on( 'inputData', inputWord => {
  this.message = inputWord
  console.log( this.message )
@@ -535,7 +535,7 @@ $sideMenu-width: 250px;
  width: calc(100% - #{$sideMenu-width});
 }
 
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 844px) {
  .stage {
  padding: 0;
  position: absolute;
@@ -584,7 +584,7 @@ $sideMenu-width: 250px;
  }
 }
 
-@media only screen and (min-width: 769px) {
+@media only screen and (min-width: 844px) {
  .hideMenuButton {
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial,
  sans-serif;

diff --git a/src/components/navBar.vue b/src/components/navBar.vue
@@ -81,7 +81,7 @@ i {
 }
 
 // Mobile version - hidden hamburger menu
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 844px) {
  .nav-menu {
  padding-left: -200;
  padding-bottom: -20;