Spaces:

z1amez
/

wallets-api

Sleeping

wallets-api / client /src /layouts /MainLayout.tsx

v.1

2dddd1f 8 months ago

634 Bytes

import { Outlet } from 'react-router-dom';
import { Sidebar } from './Sidebar';
import { MobileNav } from './MobileNav';

export function MainLayout() {
    return (
        <div className="flex flex-col md:flex-row h-screen bg-neutral-950 text-neutral-100 overflow-hidden font-sans">
            <Sidebar />
            
            <main className="flex-1 overflow-y-auto p-4 md:pl-0 h-full">
                <div id="main-content-area" className="h-full glass-panel overflow-y-auto relative no-scrollbar">
                    <Outlet />
                </div>
            </main>
            <MobileNav />
        </div>
    );
}

	import { Outlet } from 'react-router-dom';
	import { Sidebar } from './Sidebar';
	import { MobileNav } from './MobileNav';

	export function MainLayout() {
	return (
	<div className="flex flex-col md:flex-row h-screen bg-neutral-950 text-neutral-100 overflow-hidden font-sans">
	<Sidebar />

	<main className="flex-1 overflow-y-auto p-4 md:pl-0 h-full">
	<div id="main-content-area" className="h-full glass-panel overflow-y-auto relative no-scrollbar">
	<Outlet />
	</div>
	</main>

	<MobileNav />
	</div>
	);
	}