Fix CompareTables select width, WebsiteSelect min height, and MetricCard gap.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Mike Cao 2026-02-06 04:00:42 -08:00
parent 635317ecfb
commit b3a77d7c04
3 changed files with 4 additions and 0 deletions

View file

@ -156,6 +156,8 @@ export function CompareTables({ websiteId }: { websiteId: string }) {
value={view}
defaultValue={view}
onChange={handleChange}
style={{ width: 200 }}
popoverProps={{ style: { width: 200 } }}
>
{items.map(({ id, label }) => (
<ListItem key={id} id={id}>

View file

@ -66,6 +66,7 @@ export function WebsiteSelect({
renderEmptyState: () => <Empty message={formatMessage(messages.noResultsFound)} />,
style: { maxHeight: 'calc(42vh - 65px)', width: 280 },
}}
buttonProps={{ style: { minHeight: 40 } }}
>
{listItems.map(({ id, name }) => (
<ListItem key={id} id={id}>

View file

@ -37,6 +37,7 @@ export const MetricCard = ({
borderRadius
backgroundColor="surface-base"
border
gap="4"
>
{showLabel && (
<Text weight="bold" wrap="nowrap">