Fixed the white side menu bug

2026-04-03 01:54:23 +05:30
parent 530ad05cb1
commit 1b2eb0d972
5 changed files with 14 additions and 6 deletions
--- a/next.config.ts
+++ b/next.config.ts
@@ -3,6 +3,7 @@ import type { NextConfig } from "next";
 const nextConfig: NextConfig = {
  /* config options here */
  reactCompiler: true,
+  allowedDevOrigins: ['192.168.29.245']
 };

 export default nextConfig;
--- a/src/app/(calculators)/calculators/page.tsx
+++ b/src/app/(calculators)/calculators/page.tsx
@@ -55,7 +55,7 @@ export default function Calculators(){
                <div className="card border-4 border-[#ed1b24] bg-white text-black w-full mt-5">
                    <div className="card-body">
                        <h2 className="card-title">Bookmarks: ({bookmarks?.length})</h2>
-                        <div className="grid grid-cols-2 gap-4">
+                        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                                {bookmarks?.length !== 0 ? bookmarks?.map(e => {
                                        console.log(e.id);
                                        const calc = CalculatorRegistry[e.section].calculators.find(c => c.id === e.id)
--- a/src/app/(calculators)/layout.tsx
+++ b/src/app/(calculators)/layout.tsx
@@ -3,7 +3,12 @@ import LayoutClient from "./layoutClient";
 export default function CalculatorsLayout({children} : {children:React.ReactNode}){
    return(
        <>
+            <html data-theme="dark">
+                <body>
                    <LayoutClient>{children}</LayoutClient>
+                </body>
+            </html>
+            
        </>
    )
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,8 @@

 export default function Home(){
    return(
-      <></>
+      <>
+      
+      </>
    );
 }
--- a/src/app/utils/getQuote.tsx
+++ b/src/app/utils/getQuote.tsx
@@ -112,18 +112,18 @@ export default function GetQuote(){
    const [quote, setQuote] = useState<{quote:string, author:string}>({quote:"", author:""});
    useEffect(() => {
        setQuote(quotes[Math.floor(Math.random() * quotes.length)]);
-    }, [])
+    }, []);
    
    return(
            <div className="mt-5">
                <div className="chat chat-start">
                    <div className="chat-bubble bg-blue-200 text-blue-900 border-blue-200">
                        <blockquote cite="https://www.huxley.net/bnw/four.html">
-                                <p>
+                                <p suppressHydrationWarning>
                                {quote.quote}
                                </p>
                            </blockquote>
-                            <p>—<cite>{quote.author}</cite></p>
+                            <p suppressHydrationWarning>—<cite suppressHydrationWarning>{quote.author}</cite></p>
                    </div>
                </div>