Merge pull request #35 from exstake/improve-sidenav-and-topbar

improve sidenav and topbar

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 />

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"
         }`}
       >