diff --git a/server/ui/src/App.tsx b/server/ui/src/App.tsx index 13cb289..7fee275 100644 --- a/server/ui/src/App.tsx +++ b/server/ui/src/App.tsx @@ -23,6 +23,15 @@ import { Meldungen } from './components/Meldungen' import { gehZu, usePfad } from './router' import { Avatar } from './components/Avatar' +/** Die Breite des Inhalts — an EINER Stelle. + * + * Sie stand vorher zweimal da (Kopfzeile und Inhalt), und zwei Seiten setzten + * zusätzlich ihre eigene: dadurch waren Konto und Einstellungen schmaler als + * der Rest, und die Kopfzeile lief über beiden anders. Formulare werden + * stattdessen INNERHALB ihrer Karte begrenzt. + */ +const BREITE = 'mx-auto w-full max-w-7xl px-4' + const seiten = [ { pfad: '/', name: 'Start', kind: Gauge, Inhalt: Start }, { pfad: '/galerie', name: 'Galerie', kind: Images, Inhalt: Galerie }, @@ -74,7 +83,7 @@ export function App() { return (
-
+
{ @@ -130,7 +139,7 @@ export function App() {
-
+
diff --git a/server/ui/src/pages/Einstellungen.tsx b/server/ui/src/pages/Einstellungen.tsx index 2c097e9..9dca259 100644 --- a/server/ui/src/pages/Einstellungen.tsx +++ b/server/ui/src/pages/Einstellungen.tsx @@ -14,7 +14,7 @@ import { DiscordKarte } from '../components/DiscordKarte' * gelaufen ist. Diese Seite tut es. */ export function Einstellungen() { return ( -
+
diff --git a/server/ui/src/pages/Konto.tsx b/server/ui/src/pages/Konto.tsx index 691460a..3225936 100644 --- a/server/ui/src/pages/Konto.tsx +++ b/server/ui/src/pages/Konto.tsx @@ -45,7 +45,7 @@ export function Konto() { : 'über Discord angemeldet' return ( -
+
@@ -64,7 +64,7 @@ export function Konto() {

)} -
+