添加背单词功能

src/components/NavbarCenterWrapper.tsx

@@ -0,0 +1,18 @@
+import NavbarWrapper from "./NavbarWrapper";
+
+interface Props {
+  children: React.ReactNode;
+  className?: string;
+}
+
+export default function NavbarCenterWrapper({ children, className }: Props) {
+  return (
+    <NavbarWrapper>
+      <div
+        className={`flex-1 flex justify-center items-center ${className}`}
+      >
+        {children}
+      </div>
+    </NavbarWrapper>
+  );
+}

src/components/NavbarWrapper.tsx

@@ -0,0 +1,14 @@
+import { Navbar } from "./Navbar";
+
+interface Props {
+  children: React.ReactNode;
+}
+
+export default function NavbarWrapper({ children }: Props) {
+  return (
+    <div className="h-screen flex flex-col">
+      <Navbar></Navbar>
+      {children}
+    </div>
+  );
+}

src/components/Window.tsx

@@ -1,12 +0,0 @@
-"use client";
-interface WindowProps {
-  children?: React.ReactNode;
-  className?: string;
-}
-export default function Window({ children }: WindowProps) {
-  return (
-    <div className="w-full bg-gray-200 h-screen flex justify-center items-center">
-      {children}
-    </div>
-  );
-}

src/components/cards/ACard.tsx

@@ -8,7 +8,7 @@ interface ACardProps {
 export default function ACard({ children, className }: ACardProps) {
   return (
     <div
-      className={`${className} w-[61vw] h-96 p-2 shadow-2xl bg-white rounded-xl`}
+      className={`${className} w-[95dvw] md:w-[61vw] h-96 p-2 shadow-2xl bg-white rounded-xl`}
     >
       {children}
     </div>