Edit css

src/components/faq/faqItems.tsx

@@ -2,7 +2,11 @@ import { useState } from "react";
 import { useTranslation } from "next-i18next";
 import myStyles from "@/styles/faq.module.css";
 
-function FAQItems(props: { question: string; answer: string }) {
+function FAQItems(props: {
+  question: string;
+  answer: string;
+  //faqStyle: string;
+}) {
   const { t } = useTranslation("common");
 
   const [showAns, setShowAns] = useState(false);

src/pages/faq.tsx

@@ -1,3 +1,4 @@
+import { useState } from "react";
 import { useTranslation } from "next-i18next";
 import { serverSideTranslations } from "next-i18next/serverSideTranslations";
 import myStyles from "@/styles/faq.module.css";
@@ -7,9 +8,22 @@ import { getFaqData } from "contents";
 function FAQPage() {
   const { t } = useTranslation("common");
 
+  //const [showAnsIndex, setShowAnsIndex] = useState(null);
+  //const clickHandler = () => setShowAnsIndex();
+
+  //const faqBlockStyles = showAns ? myStyles.faq_showAns : myStyles.faq_hideAns;
+  //const answerTextStyles = showAns ? myStyles.showAnswer : myStyles.hideAnswer;
+
   const faqData = getFaqData();
   const faqList = faqData.map((v) => {
-    return <FAQItems key={v.id} question={v.question} answer={v.answer} />;
+    return (
+      <FAQItems
+        key={v.id}
+        question={v.question}
+        answer={v.answer}
+        //faqStyle={answerTextStyles}
+      />
+    );
   });
 
   return (

src/styles/technology.module.css

@@ -6,7 +6,7 @@
 }
 
 .tech_main_container h1 {
-  font: normal normal medium 36px/58px Noto Sans TC;
+  font: normal normal 36px/58px Noto Sans TC;
   color: #3a3b4d;
 }