refactor(v2,v3,v4)

Author: Jee-vim

app/v2/layout.tsx

@@ -3,7 +3,7 @@ import Sidebar from "@/components/v2/sidebar";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "Dashboard Layout V1",
+  title: "Dashboard Layout V2",
   description: "Generated by create next app",
 };
 

app/v3/layout.tsx

@@ -2,7 +2,7 @@ import Sidebar from "@/components/v3/sidebar";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "Dashboard Layout V5",
+  title: "Dashboard Layout V3",
   description: "Generated by create next app",
 };
 

app/v4/layout.tsx

@@ -2,7 +2,7 @@ import SidebarWrapper from "@/components/v4/sidebar-wrapper";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "Dashboard Layout V6",
+  title: "Dashboard Layout V4",
   description: "Generated by create next app",
 };
 

components/v3/sidebar.tsx

@@ -40,7 +40,7 @@ export default function Sidebar() {
     <div className="relative w-fit" ref={refOutside}>
       <CloseOpen isOpen={isOpen} setIsOpen={setIsOpen} />
       <div
-        className={cn(styles.sidebarWithOpenClose, {
+        className={cn(`${styles.sidebarWithOpenClose} !h-[calc(100vh-25px)] rounded-lg` , {
           [styles.sidebarWithOpenCloseActive]: !isOpen,
         })}
       >

styles/component/sidebar.module.css

@@ -3,5 +3,5 @@
 }
 
 .sidebarWithOpenCloseActive {
-  @apply !min-w-0 !w-0 !p-0 invisible -translate-x-full;
+  @apply !min-w-0 !w-0 !p-0 scale-x-0 invisible -translate-x-full;
 }