From 6bdbc644e941bba6182d8d1507bec10a2f8cea89 Mon Sep 17 00:00:00 2001
From: Tania Gutierrez <riobuenodevelops@gmail.com>
Date: Tue, 12 Mar 2024 16:37:29 -0400
Subject: [PATCH] fix: prevent nav scrolling when main wiew height surpass
 viewport

---
 app/components/general-layout.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/general-layout.tsx b/app/components/general-layout.tsx
index ae1c876..9db125c 100644
--- a/app/components/general-layout.tsx
+++ b/app/components/general-layout.tsx
@@ -17,8 +17,8 @@ import { DialogClose } from "@radix-ui/react-dialog"
 
 export const GeneralLayout = ({ children }: React.PropsWithChildren<{}>) => {
   return (
-    <div className="p-10 h-full flex flex-row">
-      <header className="w-full flex flex-col max-w-[240px] h-full">
+    <div className="h-full flex flex-row">
+      <header className="p-10 pr-0 flex flex-col w-[240px] h-full scroll-m-0 overflow-hidden">
         <img src={logoPng} alt="Lume logo" className="h-10 w-32" />
 
         <nav className="my-10 flex-1">
@@ -67,10 +67,10 @@ export const GeneralLayout = ({ children }: React.PropsWithChildren<{}>) => {
         </Dialog>
       </header>
 
-      <div className="flex-1">
+      <div className="flex-1 overflow-y-auto p-10">
         {children}
 
-        <footer className="my-5">
+        <footer className="mt-5">
           <ul className="flex flex-row">
             <li>
               <Link to="https://discord.lumeweb.com">
@@ -230,7 +230,7 @@ const UploadFileItem = ({
       </div>
 
       {file.progress?.uploadStarted && !file.progress.uploadComplete ? (
-        <Progress value={file.progress.percentage} className="mt-2" />
+        <Progress max={100} value={file.progress.percentage} className="mt-2" />
       ) : null}
     </div>
   )
@@ -240,7 +240,7 @@ const NavigationButton = ({ children }: React.PropsWithChildren) => {
   return (
     <Button
       variant="ghost"
-      className="justify-start h-14 w-[calc(100%-3rem)] font-semibold"
+      className="justify-start h-14 w-full font-semibold"
     >
       {children}
     </Button>