Added dark mode support for faq

code100x · Sep 12, 2024 · 606fabc · 606fabc
1 parent 8b12d61
commit 606fabc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/app/faqs/page.tsx b/src/app/faqs/page.tsx
@@ -8,7 +8,7 @@ export default function Page() {
         <h1 className="font-bold md:text-4xl text-2xl">
           Frequently Asked Questions
         </h1>
-        <p className="md:text-sm text-xs py-2 font-semibold text-gray-700">
+        <p className="md:text-sm text-xs py-2 font-semibold light:text-gray-700 dark:text-gray-200">
           Quick answers to your questions you may have.
         </p>
       </div>

diff --git a/src/components/Faqs.tsx b/src/components/Faqs.tsx
@@ -5,9 +5,11 @@ export default function Faqs() {
     <div className="w-full h-fit py-10">
       <div className="w-fit grid grid-cols-1 md:grid-cols-2 gap-6">
         {faqData.map((faq, i) => (
-          <div key={i} className="md:mx-5 mx-2 my-2">
+          <div key={i} className="md:mx-5 mx-2 my-2 rounded-xl border p-4">
             <p className="font-semibold text-base">{`Q. ${faq.question}`}</p>
-            <p className="text-gray-700 text-[15px] pl-5">{faq.answer}</p>
+            <p className="light:text-gray-700 dark:text-gray-200 text-[15px] pl-5">
+              {faq.answer}
+            </p>
           </div>
         ))}
       </div>