calvin.erfmann/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-05-03 02:53:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix sidebar product updates spacing

Browse Source
This commit is contained in:
miloschwartz
2026-05-01 16:13:54 -07:00
parent 4651f19c53
commit f8b85d4b4e
1 changed files with 47 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/ProductUpdates.tsx
View File

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