Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-04-24 06:40:00 -07:00
Code Issues Packages Projects Releases Wiki Activity

Improve TSCM modal close button visibility

Browse Source 
- Add circular background to close button
- Use visible border and solid background color
- Increase z-index to ensure it's above content
- Add hover effect with red background
- Better positioning and sizing

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-14 15:53:23 +00:00
parent db2f46b46e
commit b2feccdb90
1 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
templates/index.html
View File

@@ -2273,16 +2273,27 @@
}
.tscm-modal-close {
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
color: var(--text-muted);
font-size: 24px;
top: 12px;
right: 12px;
background: var(--bg-tertiary);
border: 1px solid var(--border-light);
border-radius: 50%;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
color: var(--text-secondary);
font-size: 20px;
cursor: pointer;
z-index: 1;
z-index: 10;
transition: all 0.2s;
}
.tscm-modal-close:hover {
background: var(--accent-red);
border-color: var(--accent-red);
color: #fff;
}
.tscm-modal-close:hover { color: #fff; }
.device-detail-header {
padding: 16px;
border-bottom: 1px solid var(--border-color);