fix FileExplorer layout

src/components/PageTransition.vue

@@ -64,7 +64,7 @@ function calcDepth(sourceRoute: RouteLocationNormalized): number {
 }
 
 const unregisterGuard = router.beforeEach((to, from) => {
-	if (to.meta.tabBarVisible && from.meta.tabBarVisible) {
+	if (to.meta.tabBarRoot && from.meta.tabBarRoot) {
 		transitionName.value = "";
 		hasTransition.value = false;
 		return;
@@ -100,14 +100,16 @@ onUnmounted(() => {
 
 .page-transition {
 	width: 100%;
-	height: 100%;
+	display: grid;
+	min-height: 100%;
 	position: relative;
 	overflow-x: hidden;
 
 	.pages {
-		inset: 0;
-		height: 100%;
-		position: absolute;
+		grid-area: 1 / 1;
+		width: 100%;
+		min-height: 100%;
+		position: relative;
 		background: v-bind(pageBackground);
 		overflow-x: hidden;
 	}
@@ -116,10 +118,9 @@ onUnmounted(() => {
 	.push-left-leave-active,
 	.push-right-enter-active,
 	.push-right-leave-active {
-		inset: 0;
+		grid-area: 1 / 1;
 		width: 100%;
-		height: 100%;
-		position: absolute;
+		min-height: 100%;
 		transition: transform @duration @easing, opacity .2s linear;
 		backface-visibility: hidden;
 	}