This commit is contained in:
@@ -277,23 +277,18 @@ if (!empty($canManageSystemSettings)) {
|
||||
<p class="muted">Hier verwaltest du nur echte eigene Events und Events, an denen du teilnimmst.</p>
|
||||
</div>
|
||||
<div class="account-panel__body">
|
||||
<div class="account-inline-tabs" role="tablist" aria-label="Event-Bereiche">
|
||||
<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="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 class="account-inline-tabs-wrap">
|
||||
<div class="account-inline-tabs" role="tablist" aria-label="Event-Bereiche">
|
||||
<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="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 class="account-inline-tab-panel" data-event-tab-panel="my-events">
|
||||
<div class="card" style="margin-bottom:18px;">
|
||||
<div style="display:flex; justify-content:space-between; gap:12px; align-items:flex-start; flex-wrap:wrap;">
|
||||
<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>
|
||||
<strong>Eigene Events</strong>
|
||||
</div>
|
||||
<?php if (!$eventsUpcoming): ?>
|
||||
<p class="muted small">Keine zukünftigen eigenen Events angelegt.</p>
|
||||
|
||||
@@ -240,7 +240,8 @@ body {
|
||||
.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__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: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); }
|
||||
|
||||
Reference in New Issue
Block a user