Merge pull request #241 from shikhar-sahay/staging

fix : footer spacing and pwa in light mode

Author: abhitrueprogrammer

src/components/Footer.tsx

@@ -116,7 +116,7 @@ export default function Footer() {
           </h3>
           <Link
             href={`mailto:[email protected]`}
-            className="mx-auto flex items-center justify-center gap-2 sm:mx-0"
+            className="mx-auto flex items-center center gap-2 sm:mx-0"
           >
             <Mail size={18} />
             <span>[email protected]</span>

src/components/ui/PWAInstallButton.tsx

@@ -53,34 +53,31 @@ const PWAInstallButton = () => {
 
   return (
     <>
-      
-      <div className="md:hidden flex items-center justify-between rounded-full bg-[#2b2343] px-4 py-2 shadow-md text-white w-fit">
+      <div className="md:hidden flex items-center justify-between rounded-full dark:bg-[#2b2343] bg-transparent px-4 py-2 shadow-md text-white w-fit border border-[#3A3745] transition hover:bg-black hover:dark:bg-[#2b2b30]">
         <div className="flex items-center gap-3">
           <Image src="/papers_logo.png" alt="Papers App" width={32} height={32} />
-          <span className="font-semibold text-lg">Papers App</span>
+          <span className="font-semibold text-lg text-white">Papers App</span>
         </div>
         <button
           onClick={handleInstall}
-          className="ml-6 flex items-center gap-2 rounded-full border border-gray-500 bg-[#1e1e24] px-4 py-1 text-sm font-semibold transition hover:bg-[#2b2b30]"
+          className="ml-6 flex items-center gap-2 rounded-full border border-[#3A3745] dark:bg-[#1e1e24] bg-transparent px-4 py-1 text-sm font-semibold text-white transition hover:bg-black hover:dark:bg-[#2b2b30]"
         >
           <Download className="h-4 w-4" />
           Install
         </button>
       </div>
 
-      
       <div
-  onClick={handleInstall}
-  className="hidden md:flex items-center gap-3 rounded-full px-5 py-2 text-white cursor-pointer bg-[#130e1f] border border-[#FFFFFF26] border-[1.5px]"
->
-
+        onClick={handleInstall}
+        className="hidden md:flex items-center gap-3 rounded-full px-5 py-2 text-white cursor-pointer dark:bg-[#130e1f] bg-transparent border border-[#3A3745] transition hover:bg-black hover:dark:bg-[#1A1823]"
+      >
         <Image
           src="/papers_logo.png"
           alt="Papers App"
           width={28}
           height={28}
         />
-        <span className="font-semibold text-sm">Papers App</span>
+        <span className="font-semibold text-sm text-white">Papers App</span>
       </div>
     </>
   );