From 857d4fd5b2b5b724b3392bcbe830e66eb4e85fa4 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Tue, 16 Sep 2025 08:46:27 +0900
Subject: [PATCH] Update qr.vue

---
 packages/frontend/src/pages/qr.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/pages/qr.vue b/packages/frontend/src/pages/qr.vue
index e7c34dcff4..2e5629f232 100644
--- a/packages/frontend/src/pages/qr.vue
+++ b/packages/frontend/src/pages/qr.vue
@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <div :class="$style.root" class="_pageScrollable">
-	<div class="_spacer" style="min-height: 100%; display: flex; flex-direction: column;">
+	<div class="_spacer" :class="$style.main">
 		<MkButton v-if="read" :class="$style.button" rounded @click="read = false"><i class="ti ti-qrcode"></i> {{ i18n.ts._qr.showTabTitle }}</MkButton>
 		<MkButton v-else :class="$style.button" rounded @click="read = true"><i class="ti ti-scan"></i> {{ i18n.ts._qr.readTabTitle }}</MkButton>
 
@@ -43,6 +43,14 @@ definePage(() => ({
 	height: 100%;
 }
 
+.main {
+	min-height: 100%;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+	z-index: 1;
+}
+
 .button {
 	margin: 0 auto 16px auto;
 }