gandalf/secubox-openwrt
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(luci-app-mailserver): Use KissTheme badge classes for port status

Browse Source 
Replace hardcoded RGBA colors with kiss-badge-green/kiss-badge-red
classes for consistent theming of port status indicators.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
CyberMind-FR 2026-03-12 15:29:49 +01:00
parent 65a82f7fdd
commit 03a6210ba7
1 changed files with 5 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
package/secubox/luci-app-mailserver/htdocs/luci-static/resources/view/mailserver/overview.js
View File

@ -311,16 +311,12 @@ return view.extend({
return E('div', { 'style': 'display: flex; gap: 12px; flex-wrap: wrap;' },
portList.map(function(p) {
var isOpen = ports[p.port];
return E('div', {
'style': 'padding: 8px 16px; border-radius: 8px; background: ' +
(isOpen ? 'rgba(0,200,83,0.1)' : 'rgba(255,23,68,0.1)') +
'; border: 1px solid ' +
(isOpen ? 'rgba(0,200,83,0.3)' : 'rgba(255,23,68,0.3)') +
'; min-width: 100px;'
return E('span', {
'class': 'kiss-badge ' + (isOpen ? 'kiss-badge-green' : 'kiss-badge-red'),
'style': 'padding: 8px 16px; min-width: 100px; text-align: center;'
}, [
E('div', { 'style': 'font-weight: 600; font-size: 14px; color: ' +
(isOpen ? 'var(--kiss-green)' : 'var(--kiss-red)') }, p.name),
E('div', { 'style': 'font-size: 11px; color: var(--kiss-muted);' },
E('div', { 'style': 'font-weight: 600; font-size: 13px;' }, p.name),
E('div', { 'style': 'font-size: 11px; opacity: 0.8;' },
'Port ' + p.port + ' ' + (isOpen ? '\u2713' : '\u2717'))
]);
})