Use the width on the API page

Prose ran at reading width while the tables next to it spanned the window.
The text blocks widen, the addresses now use the full row, and the hint
counts three files instead of two.
This commit is contained in:
Matthias G
2026-08-03 10:52:17 +02:00
parent 5072ff7249
commit c425102d87
+10 -10
View File
@@ -55,7 +55,7 @@ export default async function AdminApiPage() {
<section className="flex flex-col gap-4"> <section className="flex flex-col gap-4">
<SectionLabel>Wofür Logbuch da ist</SectionLabel> <SectionLabel>Wofür Logbuch da ist</SectionLabel>
<div className="flex max-w-read flex-col gap-4 text-pretty text-ink-2"> <div className="flex max-w-3xl flex-col gap-4 text-pretty text-ink-2">
<p className="m-0"> <p className="m-0">
Logbuch hält fest, was in den Produkten passiert ist. Alle zwei Wochen entsteht pro Projekt ein Logbuch hält fest, was in den Produkten passiert ist. Alle zwei Wochen entsteht pro Projekt ein
Eintrag über das, was fertig geworden ist. Eintrag über das, was fertig geworden ist.
@@ -72,7 +72,7 @@ export default async function AdminApiPage() {
<section className="flex flex-col gap-4"> <section className="flex flex-col gap-4">
<SectionLabel>Zum Mitnehmen</SectionLabel> <SectionLabel>Zum Mitnehmen</SectionLabel>
<div className="flex max-w-read flex-col gap-4 text-pretty text-ink-2"> <div className="flex max-w-3xl flex-col gap-4 text-pretty text-ink-2">
<p className="m-0"> <p className="m-0">
Die Beschreibung im OpenAPI-Format lässt sich in Postman, Bruno, Insomnia und ähnliche Werkzeuge Die Beschreibung im OpenAPI-Format lässt sich in Postman, Bruno, Insomnia und ähnliche Werkzeuge
einlesen. Für Claude gibt es zusätzlich einen fertigen Skill: die Datei landet als einlesen. Für Claude gibt es zusätzlich einen fertigen Skill: die Datei landet als
@@ -107,10 +107,11 @@ export default async function AdminApiPage() {
</a> </a>
</div> </div>
<p className="m-0 text-small"> <p className="m-0 text-small">
Angemeldet als Admin lädst du beide Dateien direkt herunter. Über die Schnittstelle verlangen Angemeldet als Admin lädst du alle drei Dateien direkt herunter. Über die Schnittstelle verlangen
sie ein Token, in Postman oder Bruno unter Authorization als Bearer. sie ein Token, in Postman oder Bruno unter Authorization als Bearer.
</p> </p>
<div className="flex flex-col divide-y divide-rule border-y border-rule"> </div>
<div className="flex w-full flex-col divide-y divide-rule border-y border-rule">
{files.map(file => ( {files.map(file => (
<div key={file.url} className="flex flex-wrap items-center justify-between gap-3 py-3"> <div key={file.url} className="flex flex-wrap items-center justify-between gap-3 py-3">
<span className="flex min-w-0 flex-col gap-1"> <span className="flex min-w-0 flex-col gap-1">
@@ -123,12 +124,11 @@ export default async function AdminApiPage() {
</div> </div>
))} ))}
</div> </div>
</div>
</section> </section>
<section className="flex flex-col gap-4"> <section className="flex flex-col gap-4">
<SectionLabel>Anmeldung</SectionLabel> <SectionLabel>Anmeldung</SectionLabel>
<div className="flex max-w-read flex-col gap-4 text-pretty text-ink-2"> <div className="flex max-w-3xl flex-col gap-4 text-pretty text-ink-2">
<p className="m-0"> <p className="m-0">
Jede Anfrage trägt ein Token im Kopf: Jede Anfrage trägt ein Token im Kopf:
{' '} {' '}
@@ -168,7 +168,7 @@ export default async function AdminApiPage() {
</table> </table>
</Scroller> </Scroller>
<p className="m-0 max-w-read text-pretty text-ink-2"> <p className="m-0 max-w-3xl text-pretty text-ink-2">
Ein Zugang mit Schreibrecht kann niemals veröffentlichen. Alles landet als Entwurf, ein Mensch gibt Ein Zugang mit Schreibrecht kann niemals veröffentlichen. Alles landet als Entwurf, ein Mensch gibt
frei. frei.
</p> </p>
@@ -316,7 +316,7 @@ export default async function AdminApiPage() {
<section className="flex flex-col gap-4"> <section className="flex flex-col gap-4">
<SectionLabel>Datum und Nummer</SectionLabel> <SectionLabel>Datum und Nummer</SectionLabel>
<div className="flex max-w-read flex-col gap-4 text-pretty text-ink-2"> <div className="flex max-w-3xl flex-col gap-4 text-pretty text-ink-2">
<p className="m-0"> <p className="m-0">
<code className="font-mono text-small text-ink">publish_at</code> nimmt eine ISO-Zeitangabe entgegen, <code className="font-mono text-small text-ink">publish_at</code> nimmt eine ISO-Zeitangabe entgegen,
beim Anlegen und beim Ändern. Der Zugang veröffentlicht damit nichts, er hinterlegt nur das Datum. beim Anlegen und beim Ändern. Der Zugang veröffentlicht damit nichts, er hinterlegt nur das Datum.
@@ -374,7 +374,7 @@ export default async function AdminApiPage() {
</tbody> </tbody>
</table> </table>
</Scroller> </Scroller>
<p className="m-0 max-w-read text-pretty text-ink-2"> <p className="m-0 max-w-3xl text-pretty text-ink-2">
Ein Zugang darf keine Zielgruppe setzen, die offener ist als seine eigene. Ein Zugang mit customer Ein Zugang darf keine Zielgruppe setzen, die offener ist als seine eigene. Ein Zugang mit customer
kann internal und customer schreiben, public nicht. kann internal und customer schreiben, public nicht.
</p> </p>
@@ -404,7 +404,7 @@ export default async function AdminApiPage() {
<section className="flex flex-col gap-4"> <section className="flex flex-col gap-4">
<SectionLabel>Fehler</SectionLabel> <SectionLabel>Fehler</SectionLabel>
<p className="m-0 max-w-read text-pretty text-ink-2"> <p className="m-0 max-w-3xl text-pretty text-ink-2">
Fehler kommen einheitlich als Problem-JSON mit type, title, status und detail. 401 fehlendes oder Fehler kommen einheitlich als Problem-JSON mit type, title, status und detail. 401 fehlendes oder
widerrufenes Token, 403 fehlendes Recht, 404 nicht vorhanden oder nicht sichtbar, 409 bereits widerrufenes Token, 403 fehlendes Recht, 404 nicht vorhanden oder nicht sichtbar, 409 bereits
veröffentlicht, 422 unbekannte Beitragsart, 400 fehlerhafte Eingabe. veröffentlicht, 422 unbekannte Beitragsart, 400 fehlerhafte Eingabe.