update centering and faq section layout

also use wallet enhancer site instead of pera and allo
LoafPickleWW · May 29, 2024 · 0e15854 · 0e15854
1 parent d23bb03
commit 0e15854
Show file tree

Hide file tree

Showing 6 changed files with 385 additions and 389 deletions.
diff --git a/src/components/FaqSectionComponent.jsx b/src/components/FaqSectionComponent.jsx
@@ -1,19 +1,19 @@
 import { useState } from "react";
 
 const FAQItem = ({ faq, index, toggleFAQ }) => (
-  <div className="border-b-2 border-gray-200">
+  <div className="border-b-2 py-4 border-gray-200">
     <button
       className="w-full text-left py-4 focus:outline-none"
       onClick={() => toggleFAQ(index)}
     >
-      <h2 className="text-lg font-medium">{faq.question}</h2>
+      <h2 className="text-base font-medium px-4">{faq.question}</h2>
     </button>
     <div
       className={`overflow-hidden transition-all duration-300 ${
         faq.open ? "max-h-40" : "max-h-0"
       }`}
     >
-      <p className="p-4">{faq.answer}</p>
+      <p className="p-4 text-sm">{faq.answer}</p>
     </div>
   </div>
 );
@@ -37,8 +37,8 @@ const FaqSectionComponent = ({faqData}) => {
   };
 
   return (
-    <div className="max-w-2xl mx-auto mt-10">
-      <h1 className="text-3xl font-semibold text-center mb-8">
+    <div className="max-w-xl mx-auto mt-10">
+      <h1 className="text-xl font-semibold text-center">
         Frequently Asked Questions
       </h1>
       {faqs.map((faq, index) => (

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -2,7 +2,7 @@ import { Tooltip, Typography } from "@mui/material";
 
 export function Footer() {
   return (
-    <footer className="bg-primary-black text-nude w-full bottom-0 fixed">
+    <footer className="bg-primary-black text-nude w-screen bottom-0 fixed">
       <div className="px-4 flex w-full flex-col items-center justify-center border-t border-blue-gray-50 py-4 gap-y-1 md:flex-row md:justify-between">
         <Typography
           variant="caption"

diff --git a/src/pages/SimpleBatchMint.jsx b/src/pages/SimpleBatchMint.jsx
@@ -810,7 +810,7 @@ export function SimpleBatchMint() {
           </button>
         )}
       </div>
-      <p className="text-sm italic text-slate-200">
+      <p className="text-sm italic text-slate-200 px-4">
         **It is recommended that any Creator Host their own Files using their
         own token. Evil Tools will not be held responsible for anything that
         happens to publicly hosted images.