From 3d285aa6a080aa5da6ecefae33e1bb76313e0d65 Mon Sep 17 00:00:00 2001
From: NoriDev <m1nthing2322@gmail.com>
Date: Sat, 5 Oct 2024 17:38:18 +0900
Subject: [PATCH] tweak 26431700

---
 locales/en-US.yml                             |  3 +++
 locales/index.d.ts                            | 10 ++++++++
 locales/ja-JP.yml                             |  4 +++
 locales/ko-KR.yml                             |  3 +++
 packages/frontend/src/components/MkQRCode.vue | 25 ++++++++++++++-----
 5 files changed, 39 insertions(+), 6 deletions(-)

diff --git a/locales/en-US.yml b/locales/en-US.yml
index 21d823eb4c..c4929d7967 100644
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@@ -3037,3 +3037,6 @@ _scheduledNoteDelete:
   deadlineDate: "End date"
   deadlineTime: "Time"
   duration: "Duration"
+_getQRCode:
+  title: "Scan QR Code"
+  description: "Can scan or share the QR code below."
diff --git a/locales/index.d.ts b/locales/index.d.ts
index c7d76f7aa9..49786e2dc6 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -11872,6 +11872,16 @@ export interface Locale extends ILocale {
          */
         "duration": string;
     };
+    "_getQRCode": {
+        /**
+         * QRコードをスキャンする
+         */
+        "title": string;
+        /**
+         * 以下のQRコードをスキャンまたは共有できます。
+         */
+        "description": string;
+    };
 }
 declare const locales: {
     [lang: string]: Locale;
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index fa73f7d747..6c316ff470 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -3164,3 +3164,7 @@ _scheduledNoteDelete:
   deadlineDate: "期日"
   deadlineTime: "時間"
   duration: "期間"
+
+_getQRCode:
+  title: "QRコードをスキャンする"
+  description: "以下のQRコードをスキャンまたは共有できます。"
diff --git a/locales/ko-KR.yml b/locales/ko-KR.yml
index 1c6950437a..169aec99e3 100644
--- a/locales/ko-KR.yml
+++ b/locales/ko-KR.yml
@@ -3068,3 +3068,6 @@ _scheduledNoteDelete:
   deadlineDate: "기한"
   deadlineTime: "시간"
   duration: "기간"
+_getQRCode:
+  title: "QR 코드 스캔하기"
+  description: "아래 QR 코드를 스캔하거나 공유할 수 있어요."
diff --git a/packages/frontend/src/components/MkQRCode.vue b/packages/frontend/src/components/MkQRCode.vue
index 73e52f2aa6..c9973ff344 100644
--- a/packages/frontend/src/components/MkQRCode.vue
+++ b/packages/frontend/src/components/MkQRCode.vue
@@ -1,7 +1,9 @@
 <template>
 <MkModal ref="modal" :zPriority="'middle'" @closed="$emit('closed')">
 	<div :class="$style.root">
-		<div :class="$style.title">
+		<div :class="$style.body">
+			<div :class="$style.title">{{ i18n.ts._getQRCode.title }}</div>
+			<div :class="$style.description">{{ i18n.ts._getQRCode.description }}</div>
 			<QRCodeVue3
 				:value="qrCode"
 				:qrOptions="{ errorCorrectionLevel: 'Q' }"
@@ -13,8 +15,8 @@
 			/>
 		</div>
 		<div class="_flexList" style="gap: 0.6rem">
-			<MkButton :class="$style.gotIt" primary full @click="gotIt()">{{ i18n.ts.gotIt }}</MkButton>
-			<MkButton :class="$style.copyLink" full @click="copyLink()">{{ i18n.ts.copyLink }}</MkButton>
+			<MkButton :class="$style.copyLink" rounded full @click="copyLink()">{{ i18n.ts.copyLink }}</MkButton>
+			<MkButton :class="$style.gotIt" primary rounded full @click="gotIt()">{{ i18n.ts.gotIt }}</MkButton>
 		</div>
 	</div>
 </MkModal>
@@ -58,13 +60,14 @@ const copyLink = () => {
 	border-radius: var(--radius);
 }
 
-.title {
+.body {
 	font-weight: bold;
 
 	> div {
 		> div {
 			> img {
 				max-width: 60%;
+				padding: 10px 0;
 			}
 		}
 	}
@@ -74,15 +77,25 @@ const copyLink = () => {
 	}
 }
 
+.title {
+	font-size: larger;
+	margin-bottom: 4px;
+}
+
+.description {
+	font-weight: normal;
+	margin-bottom: 12px;
+}
+
 .time {
 	font-size: 0.8rem;
 }
 
-.gotIt {
+.copyLink {
 	margin: 8px 0 0 0;
 }
 
-.copyLink {
+.gotIt {
 	margin: 8px 0 0 0;
 }
 </style>