Give the archive its signature back

- the plate carries project colour on the lead image, in the cards and in
  every row, not only when an entry lacks an image
- entries no longer fade in one after another, the page is readable at once
- detail pages lead on: previous, next and more from the project
- the month band shows from the first month, the nav item hides without one
- side cards and row teasers get room instead of ellipsis
- admin opens on drafts, scheduled and published plus what was edited last,
  and its tables use the full width
This commit is contained in:
Matthias G
2026-08-01 13:04:08 +02:00
parent a123e0bca2
commit c95db3a044
17 changed files with 264 additions and 84 deletions
+4 -1
View File
@@ -1,7 +1,7 @@
import type { CSSProperties } from 'react'
import { projectCode, type ProjectCodeSource } from '~/domain/project-code'
export type PlateSize = 'lead' | 'card' | 'row'
export type PlateSize = 'lead' | 'mark' | 'card' | 'row'
export type PlateProps = {
project: ProjectCodeSource
@@ -28,18 +28,21 @@ export function entryMark(project: ProjectCodeSource, number: number | null): st
const shells: Record<PlateSize, string> = {
lead: 'flex min-h-44 flex-col justify-between gap-8 px-5 py-4',
mark: 'flex flex-col justify-between gap-3 px-3 py-2.5',
card: 'flex flex-col justify-between gap-1 px-2 py-1.5',
row: 'inline-flex items-baseline gap-2.5 px-2 py-1',
}
const codeSizes: Record<PlateSize, string> = {
lead: 'text-small tracking-plate',
mark: 'text-micro tracking-plate',
card: 'text-micro tracking-mark',
row: 'text-micro tracking-label',
}
const numberSizes: Record<PlateSize, string> = {
lead: 'text-plate leading-none',
mark: 'text-title leading-none',
card: 'text-small leading-none',
row: 'text-micro',
}