From d60c4757b9e4cb0c96c57823a61496d74b4baf9a Mon Sep 17 00:00:00 2001
From: zmeyer44 <zmmeyer44@gmail.com>
Date: Sun, 15 Oct 2023 00:17:04 -0400
Subject: [PATCH] hide PWA in standalone

---
 app/(app)/_layout/MobileBanner.tsx | 2 +-
 app/globals.css                    | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/(app)/_layout/MobileBanner.tsx b/app/(app)/_layout/MobileBanner.tsx
index 486340c..ad6f491 100644
--- a/app/(app)/_layout/MobileBanner.tsx
+++ b/app/(app)/_layout/MobileBanner.tsx
@@ -24,7 +24,7 @@ export default function MobileBanner() {
   }
   if (!showPWAPrompt) return null;
   return (
-    <div className="standalone:hidden fixed bottom-[var(--bottom-nav-height)] flex w-screen items-center gap-3 border-t bg-card px-3 py-2.5 sm:hidden">
+    <div className="standalone-hide fixed bottom-[var(--bottom-nav-height)] flex w-screen items-center gap-3 border-t bg-card px-3 py-2.5 sm:hidden">
       <div className="center h-[32px] w-[32px] shrink-0 rounded-[6px] border bg-white shadow">
         <Logo className="h-[20px] w-[20px] text-primary" />
       </div>
diff --git a/app/globals.css b/app/globals.css
index 9c33854..172fcbd 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -65,6 +65,9 @@
     .bottom-tabs {
       padding-bottom: 20px;
     }
+    .standalone-hide {
+      display: none;
+    }
   }
 }