Updating manifest

webscopeio · Apr 3, 2024 · ed81c4d · ed81c4d
1 parent b479915
commit ed81c4d
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 23 deletions.
diff --git a/apps/next/app/apple-icon.png b/apps/next/app/apple-icon.png
diff --git a/apps/next/app/layout.tsx b/apps/next/app/layout.tsx
@@ -18,27 +18,6 @@ const fontSans = FontSans({
   variable: "--font-sans",
 })
 
-export const viewport: Viewport = {
-  width: "device-width",
-  initialScale: 1,
-  maximumScale: 1,
-  userScalable: false,
-}
-
-export const metadata: Metadata = {
-  metadataBase: new URL("https://supabase-modules-demo.vercel.app/"),
-  title: "The Playground",
-  description: "Supabase Modules - Build smarter with pre-built modules today",
-  appleWebApp: {
-    title: "The Playground",
-    statusBarStyle: "black-translucent",
-  },
-  themeColor: [
-    { media: "(prefers-color-scheme: light)", color: "#000000" },
-    { media: "(prefers-color-scheme: dark)", color: "#030712" },
-  ],
-}
-
 export default async function RootLayout({
   children,
 }: Readonly<{
@@ -65,3 +44,25 @@ export default async function RootLayout({
     </html>
   )
 }
+
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  maximumScale: 1,
+  userScalable: false,
+  themeColor: [
+    { media: "(prefers-color-scheme: light)", color: "#000000" },
+    { media: "(prefers-color-scheme: dark)", color: "#030712" },
+  ],
+}
+
+export const metadata: Metadata = {
+  metadataBase: new URL("https://supabase-modules-demo.vercel.app/"),
+  title: "The Playground",
+  description: "Supabase Modules - Build smarter with pre-built modules today",
+  appleWebApp: {
+    title: "The Playground",
+    statusBarStyle: "black-translucent",
+    startupImage: ["/apple-icon.png"],
+  },
+}
diff --git a/apps/next/app/manifest.ts b/apps/next/app/manifest.ts
@@ -7,7 +7,7 @@ export default function manifest(): MetadataRoute.Manifest {
     description: "The Playground",
     start_url: "/",
     display: "fullscreen",
-    background_color: "#fff",
+    background_color: "#E0E0E0",
     icons: [
       {
         src: "/apple-icon.png",

diff --git a/apps/next/components/ui/sheet.tsx b/apps/next/components/ui/sheet.tsx
@@ -21,7 +21,7 @@ const SheetOverlay = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SheetPrimitive.Overlay
     className={cn(
-      "fixed inset-0 z-50 bg-white/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     )}
     {...props}