refactor button elements; change button types for search and filter actions in admin pages
This commit is contained in:
parent
0dd258bd1d
commit
eedd499262
5 changed files with 36 additions and 4 deletions
|
|
@ -2,6 +2,7 @@
|
||||||
|
|
||||||
|
|
||||||
/* ── intel stats ── */
|
/* ── intel stats ── */
|
||||||
|
/* default card — used by the stats.html throughput tiles as standalone cards */
|
||||||
|
|
||||||
.intel-stat-card {
|
.intel-stat-card {
|
||||||
background: var(--bg-card);
|
background: var(--bg-card);
|
||||||
|
|
@ -31,6 +32,37 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* ── intel stats row (the 6-up on intel pages) ──────────────────────────── */
|
||||||
|
/* one integrated strip with edge-to-edge separators, mirrors the top
|
||||||
|
stats-bar. we wrap the ordinary .intel-stat-card children and strip
|
||||||
|
their individual borders + radius so the container reads as one unit. */
|
||||||
|
|
||||||
|
#intel-stats-row {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
background: var(--bg-card);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
overflow: hidden;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
gap: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#intel-stats-row .intel-stat-card {
|
||||||
|
background: transparent;
|
||||||
|
border: none;
|
||||||
|
border-radius: 0;
|
||||||
|
border-right: 1px solid var(--border);
|
||||||
|
padding: 16px 28px;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
min-width: 140px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#intel-stats-row .intel-stat-card:last-child {
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ── intel detail body (modal) ── */
|
/* ── intel detail body (modal) ── */
|
||||||
|
|
||||||
.intel-body {
|
.intel-body {
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="intel-content">
|
<div id="intel-content">
|
||||||
<div style="display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px" id="intel-stats-row"></div>
|
<div id="intel-stats-row"></div>
|
||||||
|
|
||||||
<div id="intel-graph-layout">
|
<div id="intel-graph-layout">
|
||||||
<div id="intel-graph-svg-wrap">
|
<div id="intel-graph-svg-wrap">
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="intel-content">
|
<div id="intel-content">
|
||||||
<div style="display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px" id="intel-stats-row"></div>
|
<div id="intel-stats-row"></div>
|
||||||
|
|
||||||
<div class="filters">
|
<div class="filters">
|
||||||
<label>Company
|
<label>Company
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="intel-content">
|
<div id="intel-content">
|
||||||
<div style="display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px" id="intel-stats-row"></div>
|
<div id="intel-stats-row"></div>
|
||||||
|
|
||||||
<div class="filters">
|
<div class="filters">
|
||||||
<label>Company
|
<label>Company
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="intel-content">
|
<div id="intel-content">
|
||||||
<div style="display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px" id="intel-stats-row"></div>
|
<div id="intel-stats-row"></div>
|
||||||
|
|
||||||
<div id="intel-signals-grid" class="signal-grid"></div>
|
<div id="intel-signals-grid" class="signal-grid"></div>
|
||||||
<div id="intel-signals-empty" class="signal-empty" style="display:none">No signals generated yet — waiting for the signal worker to run.</div>
|
<div id="intel-signals-empty" class="signal-empty" style="display:none">No signals generated yet — waiting for the signal worker to run.</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue