dtoro/zui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: card image vertical alignment

Browse Source
This commit is contained in:
authentik Default Admin
2026-03-10 23:53:05 +01:00
parent 38e1ae3692
commit 6545c4fc51
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/app/platform/ProjectsPage.tsx
View File

@@ -129,6 +129,8 @@ function GraphThumbnail({ projectId, className }: { projectId: string; className
}
const padding = 12
const viewBoxW = 200
const viewBoxH = 120
const xs = withPos.map((n) => n.position!.x)
const ys = withPos.map((n) => n.position!.y)
const minX = Math.min(...xs)
@@ -137,9 +139,11 @@ function GraphThumbnail({ projectId, className }: { projectId: string; className
const maxY = Math.max(...ys)
const w = Math.max(maxX - minX, 1)
const h = Math.max(maxY - minY, 1)
const scale = Math.min((200 - padding * 2) / w, (120 - padding * 2) / h, 8)
const ox = padding - minX * scale
const oy = padding - minY * scale
const scale = Math.min((viewBoxW - padding * 2) / w, (viewBoxH - padding * 2) / h, 8)
const graphW = w * scale
const graphH = h * scale
const ox = (viewBoxW - graphW) / 2 - minX * scale
const oy = (viewBoxH - graphH) / 2 - minY * scale
const nodeById = new Map(withPos.map((n) => [n.id, n]))
const validEdges = edges.filter((e) => nodeById.has(e.source) && nodeById.has(e.target))