feat: extend event toolkit and polish guest pwa
This commit is contained in:
@@ -61,6 +61,12 @@
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.logo {
|
||||
max-width: 140px;
|
||||
max-height: 80px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.event-title {
|
||||
font-size: 72px;
|
||||
font-weight: 700;
|
||||
@@ -165,8 +171,13 @@
|
||||
<body>
|
||||
<div class="layout-wrapper">
|
||||
<div class="header">
|
||||
<span class="badge">Digitale Gästebox</span>
|
||||
<h1 class="event-title">{{ $eventName }}</h1>
|
||||
<div style="display:flex; align-items:center; justify-content:space-between; gap:24px;">
|
||||
<span class="badge">{{ $layout['badge_label'] ?? 'Digitale Gästebox' }}</span>
|
||||
@if(!empty($layout['logo_url']))
|
||||
<img src="{{ $layout['logo_url'] }}" alt="Logo" class="logo" />
|
||||
@endif
|
||||
</div>
|
||||
<h1 class="event-title">{{ $layout['headline'] ?? $eventName }}</h1>
|
||||
@if(!empty($layout['subtitle']))
|
||||
<p class="subtitle">{{ $layout['subtitle'] }}</p>
|
||||
@endif
|
||||
@@ -174,7 +185,7 @@
|
||||
|
||||
<div class="content">
|
||||
<div class="info-card">
|
||||
<h2>So funktioniert’s</h2>
|
||||
<h2>{{ $layout['instructions_heading'] ?? "So funktioniert's" }}</h2>
|
||||
<p>{{ $layout['description'] }}</p>
|
||||
@if(!empty($layout['instructions']))
|
||||
<ul class="instructions">
|
||||
@@ -184,14 +195,14 @@
|
||||
</ul>
|
||||
@endif
|
||||
<div>
|
||||
<div class="cta">Alternative zum Einscannen</div>
|
||||
<div class="link-box">{{ $tokenUrl }}</div>
|
||||
<div class="cta">{{ $layout['link_heading'] ?? 'Alternative zum Einscannen' }}</div>
|
||||
<div class="link-box">{{ $layout['link_label'] ?? $tokenUrl }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="qr-wrapper">
|
||||
<img src="{{ $qrPngDataUri }}" alt="QR-Code zum Event {{ $eventName }}">
|
||||
<div class="cta">Scan mich & starte direkt</div>
|
||||
<div class="cta">{{ $layout['cta_label'] ?? 'Scan mich & starte direkt' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -203,4 +214,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user