tweak 2643170

kokonect-link · Oct 5, 2024 · 3d285aa · 3d285aa
1 parent ff53bf5
commit 3d285aa
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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>