Responsive CSS fixes.

This commit is contained in:
Mike Cao 2020-08-17 16:46:13 -07:00
parent ebad54ab82
commit bab70279dd
10 changed files with 57 additions and 29 deletions

View file

@ -14,16 +14,18 @@ export default function MenuLayout({
children,
}) {
return (
<div className={classNames(styles.container, className)}>
<div className={classNames(styles.container, className, 'row')}>
<Menu
options={menu}
selectedOption={selectedOption}
className={classNames(styles.menu, menuClassName)}
className={classNames(styles.menu, menuClassName, 'col-12 col-lg-3')}
selectedClassName={styles.selected}
optionClassName={classNames(styles.option, optionClassName)}
onSelect={onMenuSelect}
/>
<div className={classNames(styles.content, contentClassName)}>{children}</div>
<div className={classNames(styles.content, contentClassName, 'col-12 col-lg-9')}>
{children}
</div>
</div>
);
}