mobile restyle buttons

OSU-Sustainability-Office · Sep 23, 2023 · 76a9334 · 76a9334
1 parent 0be387e
commit 76a9334
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/src/components/leftBuildingMenu.vue b/src/components/leftBuildingMenu.vue
@@ -58,5 +58,6 @@ export default {
  opacity: 1;
  justify-content: center;
  z-index: 500;
+ height: 40px;
 }
 </style>
diff --git a/src/components/map/compareButton.vue b/src/components/map/compareButton.vue
@@ -16,10 +16,10 @@ export default {
  display: flex;
  align-items: center;
  position: absolute;
- top: 10px;
- left: 150px;
- width: 110px;
- height: 63px;
+ top: 78px;
+ left: 10px;
+ width: 150px;
+ height: 40px;
  background-color: white;
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;

diff --git a/src/components/map/map.vue b/src/components/map/map.vue
@@ -618,11 +618,10 @@ $sideMenu-width: 250px;
 .sideMenu {
  background-color: $--color-black;
  position: absolute;
- left: 0;
  z-index: 2000;
  width: $sideMenu-width - 10px;
  padding-top: 0.5em;
- top: 110px;
+ top: 170px;
 }
 
 ::v-deep .el-menu-item-group__title {
@@ -651,7 +650,7 @@ $sideMenu-width: 250px;
 .hideMenuButton {
  display: flex;
  position: absolute;
- top: 80px;
+ top: 125px;
  left: 10px;
 }
 .side-enter-active,
@@ -766,10 +765,10 @@ $sideMenu-width: 250px;
  display: flex;
  align-items: center;
  position: absolute;
- top: 10px;
+ top: 20px;
  left: 50px;
- width: 90px;
- height: 63px;
+ width: 110px;
+ height: 40px;
  background-color: white;
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
@@ -848,7 +847,7 @@ $sideMenu-width: 250px;
 }
 @media only screen and (max-width: 600px) {
  .hideMenuButton {
- left: 0px;
+ left: 10px;
  }
  .searchResultDiv {
  margin-top: 15px;