Responsive fixes for settings pages.

2023-04-12 17:43:08 -07:00
parent 4a1c6f40a6
commit b32ced5501
16 changed files with 97 additions and 161 deletions
--- a/components/common/MobileMenu.js
+++ b/components/common/MobileMenu.js
@@ -8,14 +8,14 @@ export default function MobileMenu({ items = [], onClose }) {

  const Items = ({ items, className }) => (
    <div className={classNames(styles.items, className)}>
-      {items.map(({ label, value, children }) => {
-        const selected = pathname === value;
+      {items.map(({ label, url, children }) => {
+        const selected = pathname.startsWith(url);

        return (
          <>
            <Link
-              key={value}
-              href={value}
+              key={url}
+              href={url}
              className={classNames(styles.item, { [styles.selected]: selected })}
              onClick={onClose}
            >