fix: remove duplicate eyebrow headers from settings cards and fix grid width

- Drop the redundant 'Settings' eyebrow from both Overlay and
  Integrations cards; the h3 heading is sufficient
- Change dashboard-grid from auto-fit/minmax to repeat(2, 1fr) so the
  two settings cards always split the full width evenly
This commit is contained in:
2026-04-28 15:02:27 +02:00
parent b615834789
commit 40afc0cf68
2 changed files with 1 additions and 5 deletions
+1 -3
View File
@@ -1041,7 +1041,7 @@ button:disabled:hover {
.dashboard-grid { .dashboard-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); grid-template-columns: repeat(2, 1fr);
gap: 20px; gap: 20px;
align-items: start; align-items: start;
} }
@@ -3146,8 +3146,6 @@ button:disabled:hover {
.dashboard-grid { .dashboard-grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.danger-zone-item {
flex-direction: column; flex-direction: column;
} }
@@ -97,7 +97,6 @@
<div class="dashboard-grid"> <div class="dashboard-grid">
<!-- Overlay settings --> <!-- Overlay settings -->
<section class="card"> <section class="card">
<p class="eyebrow">Settings</p>
<h3>Overlay</h3> <h3>Overlay</h3>
<p class="muted">Match these with your OBS resolution.</p> <p class="muted">Match these with your OBS resolution.</p>
<div class="control-grid"> <div class="control-grid">
@@ -126,7 +125,6 @@
<!-- Integration settings --> <!-- Integration settings -->
<section class="card"> <section class="card">
<p class="eyebrow">Settings</p>
<h3>Integrations</h3> <h3>Integrations</h3>
<p class="muted">Set access policy for script assets.</p> <p class="muted">Set access policy for script assets.</p>
<div class="control-list"> <div class="control-list">