pleb/flockstr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

hide PWA in standalone

Browse Source
This commit is contained in:
zmeyer44 2023-10-15 00:17:04 -04:00
parent 1649a24537
commit d60c4757b9
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/(app)/_layout/MobileBanner.tsx
View File

@ -24,7 +24,7 @@ export default function MobileBanner() {
} }
if (!showPWAPrompt) return null; if (!showPWAPrompt) return null;
return ( 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"> <div className="center h-[32px] w-[32px] shrink-0 rounded-[6px] border bg-white shadow">
<Logo className="h-[20px] w-[20px] text-primary" /> <Logo className="h-[20px] w-[20px] text-primary" />
</div> </div>

3
app/globals.css
View File

@ -65,6 +65,9 @@
.bottom-tabs { .bottom-tabs {
padding-bottom: 20px; padding-bottom: 20px;
} }
.standalone-hide {
display: none;
}
} }
} }