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} value={view}
defaultValue={view} defaultValue={view}
onChange={handleChange} onChange={handleChange}
style={{ width: 200 }}
popoverProps={{ style: { width: 200 } }}
> >
{items.map(({ id, label }) => ( {items.map(({ id, label }) => (
<ListItem key={id} id={id}> <ListItem key={id} id={id}>

View file

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

View file

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