Skip to content

Commit

Permalink
fix: right side UiPanels and Map buttons layout
Browse files Browse the repository at this point in the history
  • Loading branch information
A-Behairi committed Oct 23, 2023
1 parent 73cdcea commit 2255c51
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 4 deletions.
20 changes: 17 additions & 3 deletions app/src/components/UiPanelsLayout.vue
Original file line number Diff line number Diff line change
Expand Up @@ -107,13 +107,27 @@ export default {
},
};
</script>

<style scoped>
<style scoped lang="scss">
.layout-container {
position: absolute;
left: 0;
width: 100%;
width: 97.2%;
padding: 8px;
pointer-events: none;
@media only screen and (min-width: 2040px) {
width: 98.2%;
}
@media only screen and (max-width: 1380px) {
width: 95.7%;
}
@media only screen and (max-width: 900px) {
width: 93.7%;
}
@media only screen and (max-width: 600px) {
width: 100%;
}
}
</style>
5 changes: 4 additions & 1 deletion app/src/components/map/ZoomControl.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<div class="zoomContainer mb-2">
<div class="zoomContainer my-1">
<v-tooltip left>
<template v-slot:activator="{ on }">
<v-btn
Expand Down Expand Up @@ -62,6 +62,9 @@ export default {

<style lang="scss" scoped>
.zoomContainer {
position: relative;
right: 4px;
top: 0;
width: 36px;
}
Expand Down

0 comments on commit 2255c51

Please sign in to comment.