fix: der Inhalt hat ueberall dieselbe Breite

Konto und Einstellungen standen auf max-w-2xl, alle anderen Seiten auf der
Containerbreite -- beim Wechseln sprang der Inhalt sichtbar. Ein Fehler beim
Bauen, kein Entwurf.

Die Breite steht jetzt an EINER Stelle (BREITE in App.tsx) und gilt fuer
Kopfzeile und Inhalt. Vorher stand sie zweimal da, und zwei Seiten setzten
zusaetzlich ihre eigene: drei Orte fuer eine Zahl, die immer gleich sein soll.

Formulare werden stattdessen INNERHALB ihrer Karte begrenzt. Das war der
eigentliche Grund fuer die Ausnahme -- ein Passwortfeld ueber 1280 Pixel sieht
albern aus. Nur gehoert diese Begrenzung ans Formular und nicht an die Seite.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-08-11 19:45:37 +02:00
co-authored by Claude Opus 5
parent 2efc04b0b2
commit 32d69c9945
3 changed files with 14 additions and 5 deletions
+1 -1
View File
@@ -14,7 +14,7 @@ import { DiscordKarte } from '../components/DiscordKarte'
* gelaufen ist. Diese Seite tut es. */
export function Einstellungen() {
return (
<div className="flex max-w-2xl flex-col gap-4">
<div className="flex flex-col gap-4">
<SicherungKarte />
<DiscordKarte />
</div>
+2 -2
View File
@@ -45,7 +45,7 @@ export function Konto() {
: 'über Discord angemeldet'
return (
<div className="flex max-w-2xl flex-col gap-4">
<div className="flex flex-col gap-4">
<Karte titel="Konto">
<div className="mb-4 flex items-center gap-3 border-b border-rand pb-4">
<Avatar name={user?.username ?? '?'} url={user?.avatar} groesse={44} />
@@ -64,7 +64,7 @@ export function Konto() {
</p>
)}
<form onSubmit={wechseln} className="flex flex-col gap-3">
<form onSubmit={wechseln} className="flex max-w-md flex-col gap-3">
<Feld
label="Aktuelles Passwort"
type="password"