From a41894af6a367af179928c14c1a96e4cfc3bd442 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Wed, 27 Mar 2024 22:34:11 +0900
Subject: [PATCH] =?UTF-8?q?enhance(contact):=20=E3=81=8A=E5=95=8F=E3=81=84?=
 =?UTF-8?q?=E5=90=88=E3=82=8F=E3=81=9B=E3=83=9A=E3=83=BC=E3=82=B8=E3=81=AE?=
 =?UTF-8?q?=E7=94=BB=E9=9D=A2=E3=82=92=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

iframe単独でスクロールバーを持ってしまい、操作性が悪くなったためリンクに変更
---
 locales/ja-JP.yml |  3 +++
 pages/contact.vue | 12 ++++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 6ab38213..9bbb5f04 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -198,6 +198,9 @@ _brandAssets:
 _contact:
   title: "お問い合わせ"
   description: "Misskey Projectへのお問い合わせはこちらから"
+  form: "こちらのフォームからご回答ください。"
+  formGoogleAccountRequired: "現在、スパム対策のため、お問い合わせの送信にはGoogleアカウントが必要となっております。\nお手数をおかけしますが、ご理解のほどよろしくお願い致します。"
+  formLink: "フォームへ進む"
 
 _links:
   title: "リンク"
diff --git a/pages/contact.vue b/pages/contact.vue
index 83425aa6..cdbf8ac1 100644
--- a/pages/contact.vue
+++ b/pages/contact.vue
@@ -17,8 +17,14 @@
         </GHero>
         <div class="pb-12 lg:mt-12 pt-6 bg-white dark:bg-slate-950">
             <div class="container mx-auto max-w-screen-lg px-6 space-y-6 lg:space-y-8">
-                <div>
-									<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSf9hV92NTcfzZnJg_mrB11MINpBFdTf8dzGKAmzX8dvwXwZfw/viewform?embedded=true" width="640" height="1058" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます…</iframe>
+                <div class="bg-gray-100 border-4 border-accent-600 p-4 lg:p-6 rounded-xl space-y-3">
+                    <h2 class="font-bold text-lg lg:text-xl text-center">{{ $t('_contact.form') }}</h2>
+                    <p class="text-center whitespace-pre-wrap">{{ $t('_contact.formGoogleAccountRequired') }}</p>
+                    <div class="text-center">
+                        <GNuxtLink to="https://docs.google.com/forms/d/e/1FAIpQLSf9hV92NTcfzZnJg_mrB11MINpBFdTf8dzGKAmzX8dvwXwZfw/viewform" target="_blank" class="btn btn-primary">
+                            {{ $t('_contact.formLink') }}<ExtIco class="ml-1" />
+                        </GNuxtLink>
+                    </div>
                 </div>
             </div>
         </div>
@@ -26,6 +32,8 @@
 </template>
 
 <script setup lang="ts">
+import ExtIco from 'bi/box-arrow-up-right.svg';
+
 const { t } = useI18n();
 const route = useRoute();