events
All checks were successful
Deploy / deploy (push) Successful in 54s

This commit is contained in:
2026-08-10 21:36:05 +02:00
parent b12bde2476
commit 7b8e067829
2 changed files with 10 additions and 14 deletions

View File

@@ -277,23 +277,18 @@ if (!empty($canManageSystemSettings)) {
<p class="muted">Hier verwaltest du nur echte eigene Events und Events, an denen du teilnimmst.</p> <p class="muted">Hier verwaltest du nur echte eigene Events und Events, an denen du teilnimmst.</p>
</div> </div>
<div class="account-panel__body"> <div class="account-panel__body">
<div class="account-inline-tabs" role="tablist" aria-label="Event-Bereiche"> <div class="account-inline-tabs-wrap">
<button class="account-inline-tabs__button is-active" type="button" role="tab" aria-selected="true" data-event-tab-trigger="my-events">Meine Events</button> <div class="account-inline-tabs" role="tablist" aria-label="Event-Bereiche">
<button class="account-inline-tabs__button" type="button" role="tab" aria-selected="false" data-event-tab-trigger="sync">Kalendersynchronisation</button> <button class="account-inline-tabs__button is-active" type="button" role="tab" aria-selected="true" data-event-tab-trigger="my-events">Meine Events</button>
<button class="account-inline-tabs__button" type="button" role="tab" aria-selected="false" data-event-tab-trigger="past-events">Abgelaufene Events</button> <button class="account-inline-tabs__button" type="button" role="tab" aria-selected="false" data-event-tab-trigger="sync">Kalendersynchronisation</button>
<button class="account-inline-tabs__button" type="button" role="tab" aria-selected="false" data-event-tab-trigger="past-events">Abgelaufene Events</button>
</div>
<button class="btn ghost" type="button" data-modal-open="modalEvent">Neues Event anlegen</button>
</div> </div>
<div class="account-inline-tab-panel" data-event-tab-panel="my-events"> <div class="account-inline-tab-panel" data-event-tab-panel="my-events">
<div class="card" style="margin-bottom:18px;"> <div class="card" style="margin-bottom:18px;">
<div style="display:flex; justify-content:space-between; gap:12px; align-items:flex-start; flex-wrap:wrap;"> <strong>Eigene Events</strong>
<div>
<strong>Eigene Events</strong>
<p class="muted small" style="margin:8px 0 0;">Von dir organisierte Treffen oder Events mit eigener Teilnahme-Logik.</p>
</div>
<div class="flex gap-12" style="flex-wrap:wrap;">
<button class="btn ghost" type="button" data-modal-open="modalEvent">Neues Event anlegen</button>
</div>
</div>
</div> </div>
<?php if (!$eventsUpcoming): ?> <?php if (!$eventsUpcoming): ?>
<p class="muted small">Keine zukünftigen eigenen Events angelegt.</p> <p class="muted small">Keine zukünftigen eigenen Events angelegt.</p>

View File

@@ -240,7 +240,8 @@ body {
.account-panel__head { padding: 22px 24px; border-bottom: 1px solid var(--color-border); background: #fffdfa; } .account-panel__head { padding: 22px 24px; border-bottom: 1px solid var(--color-border); background: #fffdfa; }
.account-panel__head h2 { margin: 0 0 6px; } .account-panel__head h2 { margin: 0 0 6px; }
.account-panel__body { padding: 24px; } .account-panel__body { padding: 24px; }
.account-inline-tabs { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; } .account-inline-tabs-wrap { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:18px; }
.account-inline-tabs { display: flex; gap: 10px; flex-wrap: wrap; }
.account-inline-tabs__button { appearance: none; border: 1px solid var(--color-border); background: #fff; color: var(--color-text); border-radius: 999px; padding: 11px 16px; font: inherit; font-weight: 700; cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease; } .account-inline-tabs__button { appearance: none; border: 1px solid var(--color-border); background: #fff; color: var(--color-text); border-radius: 999px; padding: 11px 16px; font: inherit; font-weight: 700; cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease; }
.account-inline-tabs__button:hover { border-color: var(--color-primary); color: var(--color-primary); } .account-inline-tabs__button:hover { border-color: var(--color-primary); color: var(--color-primary); }
.account-inline-tabs__button.is-active { background: var(--color-primary); color: var(--color-primary-contrast); border-color: var(--color-primary); } .account-inline-tabs__button.is-active { background: var(--color-primary); color: var(--color-primary-contrast); border-color: var(--color-primary); }