feat: fix program details ui glitch when mobile - MEED-3346 - Meeds-i…

…o/MIPs#113 (#1480) This PR allows fixing a UI glitch on the program details page on mobile due to the breakpoints change.
Meeds-io · May 7, 2024 · 4104c67 · 4104c67
1 parent 1a16ac9
commit 4104c67
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/...ts/src/main/webapp/vue-app/engagement-center-programs/components/detail/ProgramDetail.vue b/...ts/src/main/webapp/vue-app/engagement-center-programs/components/detail/ProgramDetail.vue
@@ -276,7 +276,7 @@ export default {
       return this.isMobile ? 70 : 173;
     },
     isMobile() {
-      return this.$vuetify.breakpoint.xsOnly;
+      return this.$vuetify.breakpoint.smAndDown;
     },
     space() {
       return this.program?.space;
@@ -447,4 +447,4 @@ export default {
     },
   }
 };
-</script>
+</script>
diff --git a/...lets/src/main/webapp/vue-app/engagement-center-programs/components/rules/RulesToolbar.vue b/...lets/src/main/webapp/vue-app/engagement-center-programs/components/rules/RulesToolbar.vue
@@ -184,7 +184,7 @@ export default {
       }];
     },
     isMobile() {
-      return this.$vuetify.breakpoint.xs;
+      return this.$vuetify.breakpoint.smAndDown;
     }
   },
   watch: {
@@ -213,4 +213,4 @@ export default {
     }
   }
 };
-</script>
+</script>