geonizeli/x-stake
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve sidenav and topbar

Browse Source
This commit is contained in:
João Geonizeli
2021-08-21 09:54:15 -03:00
parent 2bba03dafd
commit fea81aa567
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/src/App.tsx
View File

@@ -26,7 +26,7 @@ export const App: FC = () => {
<UserProvider userRef={data.currentUser}> <UserProvider userRef={data.currentUser}>
<main className="min-h-screen w-full bg-gray-50 flex flex-col"> <main className="min-h-screen w-full bg-gray-50 flex flex-col">
<Navbar /> <Navbar />
<div className="flex flex-grow"> <div className="flex" style={{ minHeight: "calc(100vh - 4rem)" }}>
<SideNav /> <SideNav />
<Suspense fallback="Carregando..."> <Suspense fallback="Carregando...">
<Routes /> <Routes />

4
app/javascript/src/components/SideNav/SideNav.tsx
View File

@@ -11,7 +11,7 @@ type MenuItem = {
const MenuItems: MenuItem[] = [ const MenuItems: MenuItem[] = [
{ {
label: "Início", label: "Posições",
path: "/", path: "/",
}, },
{ {
@@ -65,7 +65,7 @@ export const SideNav = () => {
/> />
</Transition> </Transition>
<aside <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" sideNavExpanded ? "mx-0" : "-mx-full"
}`} }`}
> >