Changeset View
Changeset View
Standalone View
Standalone View
docs/next/layouts/MainLayout.tsx
| Show First 20 Lines • Show All 510 Lines • ▼ Show 20 Lines | const Layout = ({ children }) => { | ||||||||
| }; | }; | ||||||||
| const closeMobileMenu = () => { | const closeMobileMenu = () => { | ||||||||
| setMobileMenuOpen(false); | setMobileMenuOpen(false); | ||||||||
| }; | }; | ||||||||
| return ( | return ( | ||||||||
| <> | <> | ||||||||
| <Sidebar | |||||||||
| isMobileMenuOpen={isMobileMenuOpen} | |||||||||
| closeMobileMenu={closeMobileMenu} | |||||||||
| /> | |||||||||
| <div | <div | ||||||||
| className={cx("h-screen flex overflow-hidden transition-colors", { | className={cx("flex transition-colors", { | ||||||||
| "dark bg-gray-900": isDarkMode, | "dark bg-gray-900": isDarkMode, | ||||||||
| "bg-white": !isDarkMode, | "bg-white": !isDarkMode, | ||||||||
| })} | })} | ||||||||
| > | > | ||||||||
| <FeedbackModal isOpen={isFeedbackOpen} closeFeedback={closeFeedback} /> | <FeedbackModal isOpen={isFeedbackOpen} closeFeedback={closeFeedback} /> | ||||||||
| <Sidebar | {/* Placeholder spacer for navbar */} | ||||||||
| isMobileMenuOpen={isMobileMenuOpen} | <div className="relative hidden lg:flex lg:flex-shrink-0"> | ||||||||
| closeMobileMenu={closeMobileMenu} | <div className="flex flex-col w-80 border-r border-gray-200 dark:border-gray-700 pt-4 pb-4 bg-gray-100 dark:bg-gray-900"></div> | ||||||||
| /> | </div> | ||||||||
| {/* End placeholder spacer for navbar */} | |||||||||
rexledesmaUnsubmitted Not Done Inline Actions
rexledesma: | |||||||||
| <div className="w-full overflow-y-scroll"> | <div className="w-full overflow-y-scroll"> | ||||||||
| <div className="max-w-7xl mx-auto"> | <div className="max-w-7xl mx-auto"> | ||||||||
| <div className="relative w-full"> | <div className="relative w-full"> | ||||||||
| <div className="lg:hidden"> | <div className="lg:hidden"> | ||||||||
| <div className="flex items-center justify-between bg-gray-50 border-b border-gray-200 px-4 py-1.5"> | <div className="flex items-center justify-between bg-gray-50 border-b border-gray-200 px-4 py-1.5"> | ||||||||
| <div className="flex items-center"> | <div className="flex items-center"> | ||||||||
| <img | <img | ||||||||
| className="w-6 h-6 inline-block" | className="w-6 h-6 inline-block" | ||||||||
| ▲ Show 20 Lines • Show All 56 Lines • Show Last 20 Lines | |||||||||