fix(firewall): Tab-Navigation deutlich besser lesbar
- fw-tabs: Tab-Schrift 13px, font-weight 500, Farbe #64748B (statt AntD-Standard grau) - Aktiver Tab: #1677ff + font-weight 600 + 2px Unterstrich - Hover: #334155 für klare Reaktion - Ink-Bar: 2px Höhe mit abgerundeten Ecken - Nav-Separator: #E2E8F0 statt default hellgrau Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -128,6 +128,7 @@ export default function FirewallPage() {
|
|||||||
<Tabs
|
<Tabs
|
||||||
items={tabs}
|
items={tabs}
|
||||||
defaultActiveKey="rules"
|
defaultActiveKey="rules"
|
||||||
|
className="fw-tabs"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -2918,6 +2918,33 @@ h1, h2, h3, h4, h5, h6 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Filter bar */
|
/* Filter bar */
|
||||||
|
/* ── Firewall Tab-Navigation ─────────────────────────────────────────── */
|
||||||
|
.fw-tabs .ant-tabs-nav {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.fw-tabs .ant-tabs-tab {
|
||||||
|
padding: 10px 16px !important;
|
||||||
|
font-size: 13px !important;
|
||||||
|
font-weight: 500 !important;
|
||||||
|
color: #64748B !important;
|
||||||
|
transition: color 0.15s;
|
||||||
|
}
|
||||||
|
.fw-tabs .ant-tabs-tab:hover {
|
||||||
|
color: #334155 !important;
|
||||||
|
}
|
||||||
|
.fw-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
|
||||||
|
color: #1677ff !important;
|
||||||
|
font-weight: 600 !important;
|
||||||
|
}
|
||||||
|
.fw-tabs .ant-tabs-ink-bar {
|
||||||
|
height: 2px !important;
|
||||||
|
border-radius: 2px 2px 0 0;
|
||||||
|
}
|
||||||
|
.fw-tabs .ant-tabs-nav::before {
|
||||||
|
border-bottom-color: #E2E8F0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Firewall Filter-Bar ─────────────────────────────────────────────── */
|
||||||
.fw-filter-bar {
|
.fw-filter-bar {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
|
|||||||
Reference in New Issue
Block a user