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/pages/settings/profile/TimezoneSetting.js
+++ b/components/pages/settings/profile/TimezoneSetting.js
@@ -12,12 +12,13 @@ export default function TimezoneSetting() {
  const handleReset = () => saveTimezone(getTimezone());

  return (
-    <Flexbox width={400} gap={10}>
+    <Flexbox gap={10}>
      <Dropdown
        items={options}
        value={timezone}
        onChange={saveTimezone}
-        menuProps={{ style: { height: 300, width: 300 } }}
+        style={{ flex: 1 }}
+        menuProps={{ style: { height: 300 } }}
      >
        {item => <Item key={item}>{item}</Item>}
      </Dropdown>