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/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(
        <>
-            <LayoutClient>{children}</LayoutClient>
+            <html data-theme="dark">
+                <body>
+                    <LayoutClient>{children}</LayoutClient>
+                </body>
+            </html>
+            
        </>
    )
 }