fix: Explorer list overflows when the window height is not enough

nocpiun · Aug 7, 2024 · 9430af2 · 9430af2
1 parent 72a2cfd
commit 9430af2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/app/(pages)/explorer/layout.tsx b/app/(pages)/explorer/layout.tsx
@@ -1,13 +1,13 @@
 import type { PropsWithChildren } from "react";
 
-import Navbar from "@/components/explorer/navbar";
+import ExplorerNav from "@/components/explorer/explorer-nav";
 
 export default function Layout({ children }: PropsWithChildren) {
     return (
-        <div className="w-full h-full pb-10 flex flex-col items-center">
-            <Navbar />
+        <div className="w-full h-full pb-9 flex flex-col items-center">
+            <ExplorerNav />
 
-            <div className="w-[1000px] h-[79vh] flex gap-7">
+            <div className="w-[1000px] h-0 flex-grow flex gap-7">
                 {children}
             </div>
         </div>

diff --git a/components/explorer/navbar.tsx → components/explorer/explorer-nav.tsx b/components/explorer/navbar.tsx → components/explorer/explorer-nav.tsx
@@ -21,7 +21,7 @@ import { concatPath, getExtname, isValidPath } from "@/lib/utils";
 import { emitter } from "@/lib/emitter";
 import { useEmitter } from "@/hooks/useEmitter";
 
-const Navbar: React.FC = () => {
+const ExplorerNav: React.FC = () => {
     const ferrum = useFerrum();
     const explorer = useExplorer();
     const router = useRouter();
@@ -239,4 +239,4 @@ const Navbar: React.FC = () => {
     );
 }
 
-export default Navbar;
+export default ExplorerNav;