menu no scroll

src/App.vue

@@ -1,3 +1,4 @@
+B
 <script setup>
 import { onMounted, onUnmounted, provide, ref } from "vue";
 import { storeToRefs } from "pinia";
@@ -154,9 +155,7 @@ onMounted(async () => {
 	await memeBurnerStore.init();
 
 	//init
-	roundsStore.currentRound = parseInt(
-		await memeBurnerStore.getCurrentRound()
-	);
+	roundsStore.currentRound = parseInt(await memeBurnerStore.getCurrentRound());
 	console.log("roundsStore.currentRound", roundsStore.currentRound);
 	roundsStore.activeRound = roundsStore.currentRound;
 	await roundsStore.fillRound(roundsStore.activeRound);
@@ -164,11 +163,11 @@ onMounted(async () => {
 </script>
 
 <template>
-	<navbar @show-panel="((value) => showPanel = value)"/>
-    <slideout-panel v-model="showPanel">
-    <connect-wallet></connect-wallet>
-    </slideout-panel>
-	<div class="main">
+	<navbar @show-panel="(value) => (showPanel = value)" />
+	<slideout-panel v-model="showPanel">
+		<connect-wallet></connect-wallet>
+	</slideout-panel>
+	<div class="main" :class="{ 'no-scroll': showPanel, mobile: isMobile }">
 		<RouterView />
 	</div>
 	<div class="footer">
@@ -189,4 +188,8 @@ onMounted(async () => {
         padding: 24px
         font-size: 24px
         text-align: center
+.main
+    &.mobile
+        &.no-scroll
+            overflow: hidden
 </style>