Responsive everything.

This commit is contained in:
Mike Cao 2025-10-16 02:42:13 -07:00
parent 9df012084d
commit 4d2a7ea947
23 changed files with 286 additions and 287 deletions

View file

@ -1,4 +1,3 @@
import { ReactNode } from 'react';
import {
Heading,
NavMenu,
@ -28,7 +27,6 @@ export interface SideMenuProps extends NavMenuProps {
title?: string;
selectedKey?: string;
allowMinimize?: boolean;
children?: ReactNode;
}
export function SideMenu({
@ -36,7 +34,6 @@ export function SideMenu({
title,
selectedKey,
allowMinimize,
children,
...props
}: SideMenuProps) {
const renderItems = (items: SideMenuData[]) => {
@ -54,16 +51,7 @@ export function SideMenu({
};
return (
<Column
gap
padding
overflowY="auto"
justifyContent="space-between"
position="sticky"
top="0"
backgroundColor
>
{children}
<Column gap overflowY="auto" justifyContent="space-between">
{title && (
<Row padding>
<Heading size="1">{title}</Heading>