admin/logbuch
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Align the archive rows on one grid

Browse Source 
Each row carried its own grid, so max-content measured per row and the
columns drifted apart. Fixed widths line them up.
This commit is contained in:
Matthias G
2026-08-01 18:37:39 +02:00
parent 03d514b3c4
commit ea16d7a8ba
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/archive/EntryRow.tsx
+1 -1
View File
@@ -25,7 +25,7 @@ export function EntryRow({ item, showCode = true, highlight, className }: EntryR
href={postPath(item.projectSlug, item.slug)} href={postPath(item.projectSlug, item.slug)}
className={`group flex items-stretch gap-4 border-b border-rule py-3 no-underline last:border-b-0 ${className ?? ''}`} className={`group flex items-stretch gap-4 border-b border-rule py-3 no-underline last:border-b-0 ${className ?? ''}`}
> >
<span className="flex min-w-0 flex-1 flex-wrap items-baseline gap-x-4 gap-y-1 transition-transform duration-120 group-hover:translate-x-0.5 motion-reduce:transition-none motion-reduce:group-hover:translate-x-0 lg:grid lg:grid-cols-[max-content_max-content_minmax(0,1fr)_minmax(0,16rem)_max-content] lg:items-center lg:gap-x-5"> <span className="flex min-w-0 flex-1 flex-wrap items-baseline gap-x-4 gap-y-1 transition-transform duration-120 group-hover:translate-x-0.5 motion-reduce:transition-none motion-reduce:group-hover:translate-x-0 lg:grid lg:grid-cols-[7rem_9rem_minmax(0,1fr)_minmax(0,16rem)_9rem] lg:items-center lg:gap-x-5">
<span className="shrink-0"> <span className="shrink-0">
<Plate <Plate
project={source} project={source}