fix sidebar product updates spacing

This commit is contained in:
miloschwartz
2026-05-01 16:13:54 -07:00
parent 4651f19c53
commit f8b85d4b4e

View File

@@ -103,10 +103,12 @@ export default function ProductUpdates({
)}
>
<div className="flex flex-col gap-1">
{filteredUpdates.length > 0 && (
<div className="mt-3 flex flex-col gap-2">
{filteredUpdates.length > 1 && (
<small
className={cn(
"text-xs text-muted-foreground flex items-center gap-1 mt-2",
"text-xs text-muted-foreground flex items-center gap-1",
showMoreUpdatesText
? "animate-in fade-in duration-300"
: "opacity-0"
@@ -116,10 +118,12 @@ export default function ProductUpdates({
<span>
{showNewVersionPopup
? t("productUpdateMoreInfo", {
noOfUpdates: filteredUpdates.length
noOfUpdates:
filteredUpdates.length
})
: t("productUpdateInfo", {
noOfUpdates: filteredUpdates.length
noOfUpdates:
filteredUpdates.length
})}
</span>
</small>
@@ -130,14 +134,21 @@ export default function ProductUpdates({
onDimissAll={() =>
setProductUpdatesRead([
...productUpdatesRead,
...filteredUpdates.map((update) => update.id)
...filteredUpdates.map(
(update) => update.id
)
])
}
onDimiss={(id) =>
setProductUpdatesRead([...productUpdatesRead, id])
setProductUpdatesRead([
...productUpdatesRead,
id
])
}
/>
</div>
)}
</div>
<NewVersionAvailable
version={data.latestVersion?.data}