fix: white input box on safari

troll-org · Dec 5, 2024 · f1e5c88 · f1e5c88 · github-actions · Dec 5, 2024
1 parent a095079
commit f1e5c88
Show file tree

Hide file tree

Showing 7 changed files with 36 additions and 15 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -21,22 +21,31 @@ const fontSatoshi = localFont({
   variable: "--font-satoshi",
 });
 
+
+
 export const metadata: Metadata = {
   metadataBase: new URL("https://mlbb.fyi"),
-  icons: [
-    {
-      rel: "icon",
-      type: "image/png",
-      sizes: "32x32",
-      url: "/favicon.png",
-    },
-    {
-      rel: "apple-touch-icon",
-      type: "image/png",
-      sizes: "180x180",
-      url: "/apple-touch-icon.png",
-    },
-  ],
+  // icons: [
+  //   {
+  //     rel: "icon",
+  //     type: "image/x-icon",
+  //     sizes: "16x16",
+  //     url: "/icons/favicon.ico",
+  //   },
+
+  //   {
+  //     rel: "icon",
+  //     type: "image/svg+xml",
+  //     sizes: "16x16",
+  //     url: "/icons/favicon.svg",
+  //   },
+  //   {
+  //     rel: "apple-touch-icon",
+  //     type: "image/png",
+  //     sizes: "180x180",
+  //     url: "/icons/apple-touch-icon.png",
+  //   },
+  // ],
   title: {
     template: "%s - mlbb.fyi",
     default: "mlbb.fyi - Elevate Your Mobile Legends Game",
@@ -137,6 +146,9 @@ export default async function RootLayout({
         <body
           className={cn("relative mx-auto mb-8 mt-24 bg-deepocean text-cloud")}
         >
+          <link rel="icon" href="/icons/mlbb.ico?v=2" sizes="16x16" type="image/x-icon" />
+          <link rel="icon" href="/icons/favicon.svg?v=2" type="image/svg+xml" />
+          <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png?v=2" sizes="180x180" />
           <ToasterProvider />
           <Navbar currentUser={currentUser} />
           <div className="relative mx-auto max-w-[1080px] px-4">{children}</div>

diff --git a/components/shared/input.tsx b/components/shared/input.tsx
@@ -10,7 +10,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
     return (
       <input
         className={cn(
-          "text-xs flex h-10 w-full rounded-lg border border-cloud/10 bg-cloud/5 px-3 py-2 text-sm backdrop-blur-lg placeholder:text-cloud/50 focus:outline-none focus:ring-1 focus:ring-cloud/30 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",
+          "text-xs flex h-10 w-full rounded-lg border border-cloud/10 bg-cloud/5 px-3 py-2 text-sm placeholder:text-cloud/50 focus:outline-none focus:ring-1 focus:ring-cloud/30 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",
           className
         )}
         ref={ref}

diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon.png b/public/favicon.png
diff --git a/public/icons/apple-touch-icon.png b/public/icons/apple-touch-icon.png
diff --git a/public/icons/favicon.svg b/public/icons/favicon.svg
diff --git a/public/icons/mlbb.ico b/public/icons/mlbb.ico