From fea81aa567f7c2f2fb289206260b59f6bdc28f47 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Geonizeli?= <joao.geonizeli@gmail.com>
Date: Sat, 21 Aug 2021 09:54:15 -0300
Subject: [PATCH] improve sidenav and topbar

---
 app/javascript/src/App.tsx                        | 2 +-
 app/javascript/src/components/SideNav/SideNav.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/javascript/src/App.tsx b/app/javascript/src/App.tsx
index cb55841..0e49e7d 100644
--- a/app/javascript/src/App.tsx
+++ b/app/javascript/src/App.tsx
@@ -26,7 +26,7 @@ export const App: FC = () => {
       <UserProvider userRef={data.currentUser}>
         <main className="min-h-screen w-full bg-gray-50 flex flex-col">
           <Navbar />
-          <div className="flex flex-grow">
+          <div className="flex" style={{ minHeight: "calc(100vh - 4rem)" }}>
             <SideNav />
             <Suspense fallback="Carregando...">
               <Routes />
diff --git a/app/javascript/src/components/SideNav/SideNav.tsx b/app/javascript/src/components/SideNav/SideNav.tsx
index 7b52c1c..f982e08 100644
--- a/app/javascript/src/components/SideNav/SideNav.tsx
+++ b/app/javascript/src/components/SideNav/SideNav.tsx
@@ -11,7 +11,7 @@ type MenuItem = {
 
 const MenuItems: MenuItem[] = [
   {
-    label: "Início",
+    label: "Posições",
     path: "/",
   },
   {
@@ -65,7 +65,7 @@ export const SideNav = () => {
         />
       </Transition>
       <aside
-        className={`bg-white w-4/6 md:w-1/6 overflow-hidden absolute h-screen drop-shadow-xl drop border-r border-gray-200 z-40 transition-all duration-500 xl:transition-none xl:mx-0 xl:static ${
+        className={`bg-white w-4/6 md:w-2/6 lg:w-1/6 overflow-hidden absolute min-h-full drop-shadow-xl drop border-r border-gray-200 z-40 transition-all duration-500 xl:transition-none xl:mx-0 xl:static ${
           sideNavExpanded ? "mx-0" : "-mx-full"
         }`}
       >