Moku/Work
1
0
Fork 0
Code Issues Pull Requests Activity

Feat: Add responsive workspace shell

Browse Source
This commit is contained in:
MangoPig
2026-06-17 10:52:14 +01:00
parent 5d86a5124b
commit 85bf971547
24 changed files with 1153 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
Frontend/src/components/shell/TopBar/TopBar.tsx
View File

@@ -12,6 +12,11 @@ import styles from "./TopBar.module.scss";
type TopBarProps = {
theme: Theme;
onToggleTheme: VoidFunction;
isMobileViewport: boolean;
isNotificationsOpen: boolean;
isProfileOpen: boolean;
onToggleNotifications: VoidFunction;
onToggleProfile: VoidFunction;
};
export const TopBar = (props: TopBarProps): JSX.Element => {
@@ -37,9 +42,17 @@ export const TopBar = (props: TopBarProps): JSX.Element => {
</For>
</div>
<NotificationsNav />
<NotificationsNav
isMobileViewport={props.isMobileViewport}
isMobileWorkspaceOpen={props.isNotificationsOpen}
onToggleMobileWorkspace={props.onToggleNotifications}
/>
<ThemeToggle theme={props.theme} onToggle={props.onToggleTheme} />
<UserNav />
<UserNav
isMobileViewport={props.isMobileViewport}
isMobileWorkspaceOpen={props.isProfileOpen}
onToggleMobileWorkspace={props.onToggleProfile}
/>
</div>
</header>
);