fix(releases-widget): improve ui for smaller widgets (#2962)
This commit is contained in:
@@ -141,7 +141,6 @@ export default function ReleasesWidget({ options }: WidgetComponentProps<"releas
|
|||||||
[classes.active ?? ""]: isActive,
|
[classes.active ?? ""]: isActive,
|
||||||
})}
|
})}
|
||||||
p="xs"
|
p="xs"
|
||||||
wrap="nowrap"
|
|
||||||
onClick={() => toggleExpandedRepository(repository.identifier)}
|
onClick={() => toggleExpandedRepository(repository.identifier)}
|
||||||
>
|
>
|
||||||
<MaskedOrNormalImage
|
<MaskedOrNormalImage
|
||||||
@@ -153,7 +152,7 @@ export default function ReleasesWidget({ options }: WidgetComponentProps<"releas
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<Group gap={5} justify="space-between" style={{ flex: 1, minWidth: 0 }} wrap="nowrap">
|
<Group gap={5} justify="space-between" style={{ flex: 1 }}>
|
||||||
<Text size="xs">{repository.identifier}</Text>
|
<Text size="xs">{repository.identifier}</Text>
|
||||||
|
|
||||||
<Tooltip label={repository.latestRelease ?? t("not-found")}>
|
<Tooltip label={repository.latestRelease ?? t("not-found")}>
|
||||||
@@ -163,7 +162,7 @@ export default function ReleasesWidget({ options }: WidgetComponentProps<"releas
|
|||||||
</Tooltip>
|
</Tooltip>
|
||||||
</Group>
|
</Group>
|
||||||
|
|
||||||
<Group gap={5} wrap="nowrap">
|
<Group gap={5}>
|
||||||
<Text
|
<Text
|
||||||
size="xs"
|
size="xs"
|
||||||
c={repository.isNewRelease ? "primaryColor" : repository.isStaleRelease ? "secondaryColor" : "dimmed"}
|
c={repository.isNewRelease ? "primaryColor" : repository.isStaleRelease ? "secondaryColor" : "dimmed"}
|
||||||
|
|||||||
Reference in New Issue
Block a user