🎨

packages/frontend/src/ui/deck/main-column.vue

@@ -12,8 +12,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</template>
 	</template>
 
-	<div class="_pageContainer" style="height: 100%;">
-		<RouterView @contextmenu.stop="onContextmenu"/>
+	<div style="height: 100%;">
+		<StackingRouterView v-if="prefer.s['experimental.stackingRouterView']" @contextmenu.stop="onContextmenu"/>
+		<RouterView v-else @contextmenu.stop="onContextmenu"/>
 	</div>
 </XColumn>
 </template>

packages/frontend/src/ui/minimum.vue

@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <div :class="$style.root">
-	<div class="_pageContainer" style="height: 100%;">
+	<div style="height: 100%;">
 		<RouterView/>
 	</div>
 

packages/frontend/src/ui/universal.vue

@@ -13,8 +13,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<XAnnouncements v-if="$i"/>
 			<XStatusBars :class="$style.statusbars"/>
 		</div>
-		<div :class="$style.content" class="_pageContainer">
-			<RouterView/>
+		<div :class="$style.content">
+			<StackingRouterView v-if="prefer.s['experimental.stackingRouterView']"/>
+			<RouterView v-else/>
 		</div>
 		<div v-if="isMobile" ref="navFooter" :class="$style.nav">
 			<button :class="$style.navButton" class="_button" @click="drawerMenuShowing = true"><i :class="$style.navButtonIcon" class="ti ti-menu-2"></i><span v-if="menuIndicated" :class="$style.navButtonIndicator" class="_blink"><i class="_indicatorCircle"></i></span></button>

packages/frontend/src/ui/visitor.vue

@@ -18,7 +18,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<button v-if="!isRoot" :class="$style.homeButton" class="_button" @click="goHome">
 			<i class="ti ti-home"></i>
 		</button>
-		<div :class="$style.content" class="_pageContainer">
+		<div :class="$style.content">
 			<RouterView/>
 		</div>
 	</div>

packages/frontend/src/ui/zen.vue

@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <template>
 <div :class="$style.root">
 	<div :class="$style.contents">
-		<div class="_pageContainer" style="flex: 1; min-height: 0;">
+		<div style="flex: 1; min-height: 0;">
 			<RouterView/>
 		</div>