denozord/router-lists-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(MikrotikBackupsManager): enhance diff panel styles for better contrast and visibility
Publish Fast Tabler Docker image / build-and-push-fast (push) Failing after 2m41s
Details

Browse Source
This commit is contained in:
denozord
2026-02-11 14:29:30 +07:00
parent 9a51265a4f
commit 91fd3baccc
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/MikrotikBackupsManager.jsx
+5 -4
View File
@@ -53,8 +53,8 @@ const diffPanelStyle = {
margin: 0, margin: 0,
padding: '0.5rem 0.75rem', padding: '0.5rem 0.75rem',
borderRadius: 4, borderRadius: 4,
backgroundColor: 'var(--tblr-bg-surface, #ffffff)', backgroundColor: 'var(--tblr-code-bg, #0f172a)', // как тёмный code-блок Tabler
border: '1px solid var(--tblr-border-color, #e2e8f0)', border: '1px solid rgba(15, 23, 42, 0.9)',
}; };
const diffLineStyle = { const diffLineStyle = {
display: 'block', display: 'block',
@@ -63,13 +63,14 @@ const diffLineStyle = {
wordBreak: 'break-word', wordBreak: 'break-word',
padding: '0 4px', padding: '0 4px',
margin: 0, margin: 0,
color: 'var(--tblr-code-color, #e5e7eb)',
}; };
const diffRemovedBg = { const diffRemovedBg = {
background: 'rgba(248, 81, 73, 0.08)', background: 'rgba(248, 81, 73, 0.2)',
borderLeft: '3px solid rgba(248, 81, 73, 0.9)', borderLeft: '3px solid rgba(248, 81, 73, 0.9)',
}; };
const diffAddedBg = { const diffAddedBg = {
background: 'rgba(63, 185, 80, 0.08)', background: 'rgba(63, 185, 80, 0.2)',
borderLeft: '3px solid rgba(63, 185, 80, 0.9)', borderLeft: '3px solid rgba(63, 185, 80, 0.9)',
}; };