projekte/edgeguard-native
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(firewall): Tab-Farben via ConfigProvider statt CSS-Override

Browse Source 
AntD 6 CSS-in-JS überschreibt externe Styles — ConfigProvider mit
Tabs-Tokens ist der korrekte Weg: itemColor #475569, hover #1e293b,
active #1677ff, fontSize 13px, Padding 10px 16px.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Debian
2026-05-31 19:15:37 +02:00
parent 6a4460dfdc
commit 836016648c
2 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
VERSION
View File

@@ -1 +1 @@
1.2.51 1.2.52

17
management-ui/src/pages/Firewall/index.tsx
View File

@@ -1,4 +1,4 @@
import { Space, Tag, Tabs } from 'antd' import { ConfigProvider, Space, Tag, Tabs } from 'antd'
import { CheckCircleOutlined, CloseCircleOutlined, FireOutlined, SafetyOutlined } from '@ant-design/icons' import { CheckCircleOutlined, CloseCircleOutlined, FireOutlined, SafetyOutlined } from '@ant-design/icons'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import { useQuery } from '@tanstack/react-query' import { useQuery } from '@tanstack/react-query'
@@ -125,11 +125,16 @@ export default function FirewallPage() {
)} )}
/> />
<FirewallKPIStrip nftablesActive={nftables?.active} /> <FirewallKPIStrip nftablesActive={nftables?.active} />
<Tabs <ConfigProvider theme={{ components: { Tabs: {
items={tabs} itemColor: '#475569',
defaultActiveKey="rules" itemHoverColor: '#1e293b',
className="fw-tabs" itemSelectedColor: '#1677ff',
/> inkBarColor: '#1677ff',
titleFontSize: 13,
horizontalItemPadding: '10px 16px',
}}}}>
<Tabs items={tabs} defaultActiveKey="rules" />
</ConfigProvider>
</div> </div>
) )
} }