Mike CaoandClaude Opus 4.6
c6dd3fb6ff
- Rename SideMenu to NavMenu with visible group title labels and selected item highlighting - Update react-zen to 0.242.0 and fix responsive breakpoints (xs -> base) - Style floating tooltips with inverted background across WorldMap, charts, and WeeklyTraffic - Add CSS variables for primary color and use IconLabel consistently - Remove stray console.log from LoadingPanel Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
33 lines
749 B
TypeScript
33 lines
749 B
TypeScript
import { Grid } from '@umami/react-zen';
|
|
|
|
const LAYOUTS = {
|
|
one: { columns: '1fr' },
|
|
two: {
|
|
columns: {
|
|
base: '1fr',
|
|
md: 'repeat(auto-fill, minmax(560px, 1fr))',
|
|
},
|
|
},
|
|
three: {
|
|
columns: {
|
|
base: '1fr',
|
|
md: 'repeat(auto-fill, minmax(360px, 1fr))',
|
|
},
|
|
},
|
|
'one-two': { columns: { base: '1fr', md: 'repeat(3, 1fr)' } },
|
|
'two-one': { columns: { base: '1fr', md: 'repeat(3, 1fr)' } },
|
|
};
|
|
|
|
export function GridRow(props: {
|
|
layout?: 'one' | 'two' | 'three' | 'one-two' | 'two-one' | 'compare';
|
|
className?: string;
|
|
children?: any;
|
|
}) {
|
|
const { layout = 'two', children, ...otherProps } = props;
|
|
return (
|
|
<Grid gap="3" {...LAYOUTS[layout]} {...otherProps}>
|
|
{children}
|
|
</Grid>
|
|
);
|
|
}
|