syntaxbullet/bmp-website-2026
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove inline maxWidth style from About and Netzwerk components for improved layout consistency

Browse Source
This commit is contained in:
syntaxbullet
2026-07-13 22:19:27 +02:00
parent b57e08940d
commit 50b1cb6e2e
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/spa/pages/About.tsx
View File

@@ -324,7 +324,7 @@ const About: React.FC = () => {
<Lines text={fallbackText(values.heading, aboutContent.values.heading)} />
</h2>
</div>
<p className="type-body text-role-secondary" style={{ margin: 0, maxWidth: 440 }}>
<p className="type-body text-role-secondary" style={{ margin: 0 }}>
{fallbackText(values.description, aboutContent.values.description)}
</p>
</div>

2
src/spa/pages/EventDetail.tsx
View File

@@ -142,7 +142,7 @@ export default function EventDetail() {
const statusStyle = statusStyles[event.status] ?? statusStyles.geplant
return (
<div style={{ paddingTop: 60, background: WHITE, minHeight: '100vh', fontFamily: '"Inter", sans-serif' }}>
<div style={{ background: WHITE, minHeight: '100vh', fontFamily: '"Inter", sans-serif' }}>
{/* ── Hero ─────────────────────────────────────────────────────────── */}
<section style={{ position: 'relative', height: isMobile ? 'auto' : '65vh', minHeight: isMobile ? 520 : 480, overflow: 'hidden' }}>

4
src/spa/pages/Netzwerk.tsx
View File

@@ -753,12 +753,12 @@ const Netzwerk: React.FC = () => {
{/* ── 6. PARTNER & SPONSOREN ───────────────────────────────────────────── */}
<section id="partner" style={{ background: '#fff', overflow: 'hidden', position: 'relative', isolation: 'isolate' }}>
<MunichSkylineBg />
<div style={{ padding: isMobile ? '48px 24px 32px' : '80px 80px 56px', display: 'flex', flexDirection: isMobile ? 'column' : 'row', gap: isMobile ? 12 : 0, justifyContent: 'space-between', alignItems: isMobile ? 'flex-start' : 'flex-end', borderBottom: '1px solid rgba(3,9,58,0.1)' }}>
<div style={{ padding: isMobile ? '48px 24px 32px' : '80px 80px 56px', display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '1fr 1fr', gap: isMobile ? 12 : 40, alignItems: 'end', borderBottom: '1px solid rgba(3,9,58,0.1)' }}>
<div>
<span style={{ fontFamily: FF, fontSize: 10, textTransform: 'uppercase', letterSpacing: '0.32em', fontWeight: 700, color: 'var(--text-eyebrow-light)', display: 'block', marginBottom: 16 }}>{fallbackText(partnerSection.eyebrow, netzwerkContent.partners.eyebrow)}</span>
<h2 className="type-section-title text-role-heading" style={{ textTransform: 'uppercase', margin: 0 }}><Lines text={fallbackText(partnerSection.heading, netzwerkContent.partners.heading)} /></h2>
</div>
<p className="type-body text-role-secondary" style={{ maxWidth: isMobile ? '100%' : 220, textAlign: isMobile ? 'left' : 'right', margin: 0 }}>
<p className="type-body text-role-secondary" style={{ margin: 0 }}>
{visiblePartnerDescription(partnerSection.description)}
</p>
</div>