From a21a26d2a9f7b90d03622135b83813deb8f46dd6 Mon Sep 17 00:00:00 2001
From: sayako21 <63695015+sayako21@users.noreply.github.com>
Date: Thu, 23 Nov 2023 13:08:35 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=88=E3=82=B0=E3=83=AB=E3=83=9C=E3=82=BF?=
 =?UTF-8?q?=E3=83=B3=E3=81=AE=E3=83=AC=E3=82=A4=E3=82=A2=E3=82=A6=E3=83=88?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3=20(#169)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: sayako21 <>
---
 pages/create.vue | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/pages/create.vue b/pages/create.vue
index 87603e8..1184448 100644
--- a/pages/create.vue
+++ b/pages/create.vue
@@ -95,19 +95,22 @@
       </div>
 
       <!-- 公開ビンゴカードとするか -->
-      <label class="relative inline-flex items-center cursor-pointer mb-3 m">
-        <input type="checkbox" v-model="form.isPublic" class="sr-only peer" />
-        <div
-          class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
-        ></div>
-        <span class="ml-3 text-sm font-medium text-gray-900 dark:text-gray-300"
-          >パブリックモード（ビンゴカードを公開する）</span
-        >
-      </label>
-
+      <div class="mb-5">
+        <label class="relative inline-flex items-center cursor-pointer">
+          <input type="checkbox" v-model="form.isPublic" class="sr-only peer" />
+          <div
+            class="w-11 h-6 bg-gray-200 rounded-full peer peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
+          ></div>
+          <span
+            class="ms-3 text-sm font-medium text-gray-900 dark:text-gray-300"
+            >パブリックモード</span
+          >
+        </label>
+        <small class="block">※ビンゴカードを公開する</small>
+      </div>
       <div class="flex justify-between">
         <router-link
-          class="text-gray-900 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2"
+          class="text-gray-900 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-5 py-2.5 mr-2"
           to="/"
         >
           戻る