fix: unify card header style across dashboard — h3 + muted only

Remove eyebrow labels and card-header wrapper divs from all dashboard
cards. Every card now uses a plain h3 + muted description line,
consistent with the two settings cards.
This commit is contained in:
2026-04-28 15:11:39 +02:00
parent a661b2f48d
commit 4c934e84a6
@@ -161,13 +161,8 @@
<!-- Channel admins --> <!-- Channel admins -->
<section class="card-grid two-col dashboard-span-full"> <section class="card-grid two-col dashboard-span-full">
<div class="card"> <div class="card">
<div class="card-header">
<div>
<p class="eyebrow">Collaboration</p>
<h3>Channel admins</h3> <h3>Channel admins</h3>
<p class="muted">Invite moderators to help manage assets.</p> <p class="muted">Invite moderators to help manage assets.</p>
</div>
</div>
<div class="inline-form"> <div class="inline-form">
<div class="field-stack"> <div class="field-stack">
<input id="new-admin" placeholder="Twitch username" autocomplete="off" /> <input id="new-admin" placeholder="Twitch username" autocomplete="off" />
@@ -194,13 +189,8 @@
<!-- Channels you administer --> <!-- Channels you administer -->
<section th:if="${adminChannels != null}" class="card dashboard-span-full"> <section th:if="${adminChannels != null}" class="card dashboard-span-full">
<div class="card-header">
<div>
<p class="eyebrow">Your access</p>
<h3>Channels you administer</h3> <h3>Channels you administer</h3>
<p class="muted">Jump into a teammate's overlay console.</p> <p class="muted">Jump into a teammate's overlay console.</p>
</div>
</div>
<p th:if="${#lists.isEmpty(adminChannels)}">No admin invitations yet.</p> <p th:if="${#lists.isEmpty(adminChannels)}">No admin invitations yet.</p>
<ul th:if="${!#lists.isEmpty(adminChannels)}" class="stacked-list"> <ul th:if="${!#lists.isEmpty(adminChannels)}" class="stacked-list">
<li th:each="channelName : ${adminChannels}" class="stacked-list-item"> <li th:each="channelName : ${adminChannels}" class="stacked-list-item">
@@ -225,7 +215,6 @@
<div class="danger-zone-body"> <div class="danger-zone-body">
<div class="danger-zone-item"> <div class="danger-zone-item">
<div> <div>
<p class="eyebrow">Account</p>
<h4>Delete account</h4> <h4>Delete account</h4>
<p class="muted">Permanently remove your account, assets, and session. This cannot be undone.</p> <p class="muted">Permanently remove your account, assets, and session. This cannot be undone.</p>
</div> </div>