Styling Bestätigung Event veröffentlicht

This commit is contained in:
Simona Oswald 2026-04-25 16:52:21 +02:00
parent 2bf3609662
commit 03c5a0e900
2 changed files with 10 additions and 10 deletions

View File

@ -29,9 +29,10 @@
display: none; display: none;
} }
/*
.submission-success { .submission-success {
padding: var(--space-24) 0 var(--space-7); padding: var(--space-24) 0 var(--space-7);
} }*/
.submission-success-title-row { .submission-success-title-row {
display: flex; display: flex;

View File

@ -328,7 +328,7 @@
<div class="step-layout"> <div class="step-layout">
<div class="step-copy"> <div class="step-copy">
<p class="badge">Schritt 7</p> <p class="badge">Schritt 7</p>
<h2 id="step7-title">Dein Event auf einen Blick.</h2> <h2 id="step7-title">Dein Event auf einen Blick</h2>
<p class="step-text margin-bottom-40"> <p class="step-text margin-bottom-40">
Schau dir alle Details nochmal in Ruhe an. Wenn alles passt, Schau dir alle Details nochmal in Ruhe an. Wenn alles passt,
kannst du dein Event jetzt veröffentlichen und Gäste einladen. kannst du dein Event jetzt veröffentlichen und Gäste einladen.
@ -437,18 +437,17 @@
<section <section
id="submissionSuccess" id="submissionSuccess"
class="submission-success layout-wide" class="submission-success"
aria-labelledby="success-title" aria-labelledby="success-title"
aria-live="polite" aria-live="polite"
hidden hidden
> >
<div class="step-layout step-layout--intro hero startseite"> <div class="step-layout hero startseite">
<div class="step-copy"> <div class="step-copy">
<p class="badge">Event erstellt</p>
<div class="submission-success-title-row"> <div class="submission-success-title-row">
<h2 id="success-title">Dein Event ist ready</h2> <h2 id="success-title">Dein Event ist ready </h2>
<span class="submission-success-icon" aria-hidden="true"> <span class="submission-success-icon" aria-hidden="true">
<i class="fa-solid fa-champagne-glasses"></i> <!-- <i class="fa-solid fa-champagne-glasses"></i>-->
</span> </span>
</div> </div>
<p class="step-text margin-bottom-40"> <p class="step-text margin-bottom-40">
@ -460,12 +459,12 @@
</div> </div>
</div> </div>
<div class="intro-card intro-card--image hero__right" aria-label="Stimmungsbild zum erstellten Event"> <div class="hero__right" aria-label="Stimmungsbild zur Event-Erstellung">
<img <img
class="intro-image submission-success-image" class="intro-image"
src="assets/eventcreate_foodtable with friends.jpg" src="assets/eventcreate_foodtable with friends.jpg"
alt="Gemeinsames Essen an einem gedeckten Tisch" alt="Gemeinsames Essen an einem gedeckten Tisch"
> />
</div> </div>
</div> </div>
</section> </section>