algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-07 01:22:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

[portal][ui] change app shell nav structure

Browse Source
This commit is contained in:
Yangshun Tay
2022-11-02 17:33:28 +08:00
parent 48dccb821e
commit 8e08ff86f4
2 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
apps/portal/src/components/global/AppShell.tsx
View File

@ -136,7 +136,7 @@ export default function AppShell({ children }: Props) {
return (
<GoogleAnalytics
measurementID={currentProductNavigation.googleAnalyticsMeasurementID}>
<div className="flex h-full min-h-screen">
<div className="flex">
{/* Narrow sidebar */}
{currentProductNavigation.showGlobalNav && (
<div className="hidden w-28 overflow-y-auto border-r border-slate-200 bg-white md:block">
@ -183,9 +183,10 @@ export default function AppShell({ children }: Props) {
setIsShown={setMobileMenuOpen}
/>
{/* Content area */}
<div className="flex h-screen flex-1 flex-col overflow-hidden">
<header className="w-full">
<div className="relative z-10 flex h-16 flex-shrink-0 border-b border-slate-200 bg-white shadow-sm">
<div className="w-full">
{/* Navigation Bar */}
<header className="sticky top-0 z-10 w-full">
<div className="relative flex h-16 flex-shrink-0 border-b border-slate-200 bg-white shadow-sm">
<button
className="focus:ring-primary-500 border-r border-slate-200 px-4 text-slate-500 focus:outline-none focus:ring-2 focus:ring-inset md:hidden"
type="button"
@ -208,11 +209,8 @@ export default function AppShell({ children }: Props) {
</div>
</div>
</header>
{/* Main content */}
<div className="flex flex-1 items-stretch overflow-hidden">
{children}
</div>
{/* Main Content */}
<div className="w-full">{children}</div>
</div>
</div>
</GoogleAnalytics>

4
apps/portal/src/pages/_document.tsx
View File

@ -2,9 +2,9 @@ import { Head, Html, Main, NextScript } from 'next/document';
export default function Document() {
return (
<Html className="h-full bg-slate-50">
<Html className="bg-slate-50">
<Head />
<body className="h-full overflow-hidden">
<body>
<Main />
<NextScript />
</body>