hicccc77/WeFlow
1
0
Fork 0
mirror of https://github.com/hicccc77/WeFlow.git synced 2026-04-22 15:09:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #32 from Jasonzhu1207/fix/insight-filter-mode-dropdown-style

Browse Source 
fix(ui): repair insight filter mode dropdown styling
This commit is contained in:
Jason
2026-04-18 22:52:17 +08:00
committed by GitHub
parent 55ee72225e b9d8b303a1
commit c9498d5079
1 changed files with 32 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/pages/SettingsPage.tsx
View File

@@ -3469,36 +3469,38 @@ function SettingsPage({ onClose }: SettingsPageProps = {}) {
</div> </div>
</div> </div>
<div className="log-toggle-line" style={{ marginBottom: 12 }}> <div className="form-group" style={{ marginBottom: 12 }}>
<span className="log-status" style={{ fontWeight: 600 }}> <div className="log-toggle-line">
{aiInsightFilterMode === 'whitelist' <span className="log-status" style={{ fontWeight: 600 }}>
? '白名单模式（仅对名单内会话生效）' {aiInsightFilterMode === 'whitelist'
: '黑名单模式（名单内会话将被忽略）'} ? '白名单模式（仅对名单内会话生效）'
</span> : '黑名单模式（名单内会话将被忽略）'}
<div className="custom-select" style={{ minWidth: 210 }}> </span>
<div <div className="custom-select" style={{ minWidth: 210 }}>
className={`custom-select-trigger ${insightFilterModeDropdownOpen ? 'open' : ''}`} <div
onClick={() => setInsightFilterModeDropdownOpen(!insightFilterModeDropdownOpen)} className={`custom-select-trigger ${insightFilterModeDropdownOpen ? 'open' : ''}`}
> onClick={() => setInsightFilterModeDropdownOpen(!insightFilterModeDropdownOpen)}
<span className="custom-select-value"> >
{aiInsightFilterMode === 'whitelist' ? '白名单模式' : '黑名单模式'} <span className="custom-select-value">
</span> {aiInsightFilterMode === 'whitelist' ? '白名单模式' : '黑名单模式'}
<ChevronDown size={14} className={`custom-select-arrow ${insightFilterModeDropdownOpen ? 'rotate' : ''}`} /> </span>
</div> <ChevronDown size={14} className={`custom-select-arrow ${insightFilterModeDropdownOpen ? 'rotate' : ''}`} />
<div className={`custom-select-dropdown ${insightFilterModeDropdownOpen ? 'open' : ''}`}> </div>
{[ <div className={`custom-select-dropdown ${insightFilterModeDropdownOpen ? 'open' : ''}`}>
{ value: 'whitelist', label: '白名单模式' }, {[
{ value: 'blacklist', label: '黑名单模式' } { value: 'whitelist', label: '白名单模式' },
].map(option => ( { value: 'blacklist', label: '黑名单模式' }
<div ].map(option => (
key={option.value} <div
className={`custom-select-option ${aiInsightFilterMode === option.value ? 'selected' : ''}`} key={option.value}
onClick={() => { void saveFilterMode(option.value as configService.AiInsightFilterMode) }} className={`custom-select-option ${aiInsightFilterMode === option.value ? 'selected' : ''}`}
> onClick={() => { void saveFilterMode(option.value as configService.AiInsightFilterMode) }}
{option.label} >
{aiInsightFilterMode === option.value && <Check size={14} />} {option.label}
</div> {aiInsightFilterMode === option.value && <Check size={14} />}
))} </div>
))}
</div>
</div> </div>
</div> </div>
</div> </div>