fix breakpoint speed dial menu

hpi-schul-cloud · Mar 3, 2025 · 57eaa75 · 57eaa75
1 parent ef96659
commit 57eaa75
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/templates/DefaultWireframe.vue b/src/components/templates/DefaultWireframe.vue
@@ -22,7 +22,7 @@
 				<slot name="fab">
 					<speed-dial-menu
 						class="wireframe-fab"
-						:direction="lgAndDown ? 'top' : 'bottom'"
+						:direction="mdAndDown ? 'top' : 'bottom'"
 						:orientation="'right'"
 						:icon="fabItems.icon"
 						:href="fabItems.href"
@@ -127,7 +127,7 @@ defineOptions({
 });
 const slots = useSlots();
 
-const { lgAndDown } = useDisplay();
+const { mdAndDown } = useDisplay();
 
 const showDivider = computed(() => {
 	return !props.hideBorder && !!(props.headline || slots.header);

diff --git a/src/modules/ui/speed-dial-menu/SpeedDialMenu.vue b/src/modules/ui/speed-dial-menu/SpeedDialMenu.vue
@@ -94,15 +94,15 @@ const actions = computed(() => {
 const isMenu = computed(() => actions.value.length > 0);
 const isMenuOpen = ref(false);
 
-const { lgAndDown } = useDisplay();
+const { mdAndDown } = useDisplay();
 const { y: scrollOffsetY } = useWindowScroll();
 
 const isForceCollapseOnMobileScroll = ref(false);
 
 watchThrottled(
 	scrollOffsetY,
 	(newVal, oldVal) => {
-		if (!lgAndDown.value) {
+		if (!mdAndDown.value) {
 			isForceCollapseOnMobileScroll.value = false;
 			return;
 		}