From 923111d538b370e6de5f90b41702895428dbe128 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Mon, 15 Sep 2025 08:48:07 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/pages/qr.show.vue | 5 ++++-
 packages/frontend/src/pages/qr.vue      | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/pages/qr.show.vue b/packages/frontend/src/pages/qr.show.vue
index bb9d58ad67..33641e9a02 100644
--- a/packages/frontend/src/pages/qr.show.vue
+++ b/packages/frontend/src/pages/qr.show.vue
@@ -157,7 +157,10 @@ $avatarSize: 58px;
 
 .root {
 	position: relative;
-	padding-top: 16px;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
 }
 
 .content {
diff --git a/packages/frontend/src/pages/qr.vue b/packages/frontend/src/pages/qr.vue
index 2dd1769263..e7c34dcff4 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%;">
+	<div class="_spacer" style="min-height: 100%; display: flex; flex-direction: column;">
 		<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>