Fixed website select.

umami-software · Oct 15, 2023 · aa5d81d · aa5d81d
1 parent 69a189a
commit aa5d81d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/src/app/(main)/websites/[id]/WebsiteMenuView.js b/src/app/(main)/websites/[id]/WebsiteMenuView.js
@@ -109,7 +109,7 @@ export default function WebsiteMenuView({ websiteId, websiteDomain }) {
   return (
     <div className={styles.layout}>
       <div className={styles.menu}>
-        <LinkButton href={pathname} className={styles.back}>
+        <LinkButton href={pathname} className={styles.back} variant="quiet">
           <Icon rotate={180}>
             <Icons.ArrowRight />
           </Icon>

diff --git a/src/components/input/WebsiteSelect.js b/src/components/input/WebsiteSelect.js
@@ -1,6 +1,7 @@
 import { Dropdown, Item } from 'react-basics';
 import useApi from 'components/hooks/useApi';
 import useMessages from 'components/hooks/useMessages';
+import styles from './WebsiteSelect.module.css';
 
 export function WebsiteSelect({ websiteId, onSelect }) {
   const { formatMessage, labels } = useMessages();
@@ -13,6 +14,7 @@ export function WebsiteSelect({ websiteId, onSelect }) {
 
   return (
     <Dropdown
+      menuProps={{ className: styles.dropdown }}
       items={data?.data}
       value={websiteId}
       renderValue={renderValue}

diff --git a/src/components/input/WebsiteSelect.module.css b/src/components/input/WebsiteSelect.module.css
@@ -0,0 +1,4 @@
+.dropdown {
+  max-height: 400px;
+  overflow-y: auto;
+}