diff --git a/src/components/leftBuildingMenu.vue b/src/components/leftBuildingMenu.vue index 9cc16bf4..3e8ce8a6 100644 --- 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; } diff --git a/src/components/map/compareButton.vue b/src/components/map/compareButton.vue index bb83c72d..8b5a2387 100644 --- 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 index 32615d5a..cfe16208 100644 --- 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;