fix text size

sitcon-tw · Feb 27, 2024 · 7dfcc69 · 7dfcc69
1 parent 508c578
commit 7dfcc69
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 18 deletions.
diff --git a/src/components/Detail.tsx b/src/components/Detail.tsx
@@ -17,7 +17,7 @@ export function useDetail() {
       return (
         <Dialog open={open} setOpen={setOpen}>
           <div className="flex flex-col gap-4 break-all p-6">
-            <h1 className="font-bold text-[#B1884C]">
+            <h1 className="font-bold text-[#B1884C] text-2xl">
               {activity?.name}
             </h1>
             {Array.isArray(activity?.description) &&

diff --git a/src/components/InfoWindow.tsx b/src/components/InfoWindow.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from "react";
 
 interface Props {
   title: string;
@@ -8,20 +8,19 @@ interface Props {
 
 export function InfoWindow({ title, msg, onClose }: Props) {
   return (
-    <>
-      <div className="fixed left-0 top-0 z-50 flex h-full w-full items-center justify-center">
-        <div
-          className="fixed left-0 top-0 h-full w-full bg-black bg-opacity-50"
-          onClick={onClose}
-        ></div>
-        <div className="z-50 rounded-lg bg-white p-6 shadow-md">
-          <div className="mb-4 flex items-center justify-between">
-            <h2 className="text-lg font-semibold text-gray-800">{title}</h2>
-            {/* <img src="" alt="" /> */}
-          </div>
-          <p className="text-gray-700">{msg}</p>
+    <div className="fixed left-0 top-0 z-50 flex h-full w-full items-center justify-center">
+      <div
+        className="fixed left-0 top-0 h-full w-full bg-black bg-opacity-50"
+        onClick={onClose}
+      >
+      </div>
+      <div className="z-50 rounded-lg bg-white p-6 shadow-md">
+        <div className="mb-4 flex items-center justify-between">
+          <h2 className="text-lg font-semibold text-gray-800">{title}</h2>
+          {/* <img src="" alt="" /> */}
         </div>
+        <p className="text-gray-700">{msg}</p>
       </div>
-    </>
+    </div>
   );
 }
diff --git a/src/components/NonTokenModalContent.tsx b/src/components/NonTokenModalContent.tsx
@@ -34,7 +34,7 @@ const NonTokenModalContent = () => {
     <div>
       <Dialog open={isModalOpen} setOpen={setModalOpen}>
         <div className="flex flex-col gap-4 break-all p-6">
-          <p className="mt-0">
+          <p className="mt-0 font-bold text-1xl">
             請檢查 OPass 是否已成功報到，或透過下列方式進入遊戲。
           </p>
           <div className="flex flex-col">
@@ -45,7 +45,7 @@ const NonTokenModalContent = () => {
               <div className="flex items-center">
                 <i className="bx bxs-keyboard text-4xl"></i>
                 <div className="ml-4">
-                  <div className="font-bold">手動輸入票券代碼</div>
+                  <div>手動輸入票券代碼</div>
                 </div>
               </div>
             </div>
@@ -56,7 +56,7 @@ const NonTokenModalContent = () => {
               <div className="flex items-center">
                 <i className="bx bx-qr-scan text-4xl"></i>
                 <div className="ml-4">
-                  <div className="font-bold">掃描票券 QR Code</div>
+                  <div>掃描票券 QR Code</div>
                 </div>
               </div>
             </div>