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

Fix WiFi layout and remove redundant Target Signal panel

Browse Source 
- Add min-height: 0 to output-panel to fix grid overflow scrolling
- Add min-height: 200px to output-content for device cards visibility
- Add max-height: 50vh to wifi-visuals to leave room for device list
- Make wifi-visuals scrollable when content exceeds max-height
- Remove Target Signal panel (redundant with Selected Device panel)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-08 13:33:12 +00:00
parent 8dfd92082c
commit 58907bdc4d
2 changed files with 4 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/index.css
+4
View File
@@ -926,6 +926,7 @@ header p {
position: relative;
overflow-y: auto;
overflow-x: hidden;
min-height: 0; /* Allow shrinking in grid context for proper scrolling */
}
.output-panel::before {
@@ -994,6 +995,7 @@ header p {
font-family: 'JetBrains Mono', monospace;
font-size: 12px;
background: var(--bg-primary);
min-height: 200px; /* Ensure minimum space for device cards */
}
.output-content::-webkit-scrollbar {
@@ -2552,6 +2554,8 @@ header p {
background: var(--bg-secondary);
margin: 0 15px 10px 15px;
border: 1px solid var(--border-color);
max-height: 50vh; /* Limit height to leave room for device cards */
overflow-y: auto; /* Allow scrolling within visualizations */
}
@media (max-width: 1200px) {
templates/index.html
-14
View File
@@ -1265,20 +1265,6 @@
</div>
</div>
</div>
<div class="wifi-visual-panel">
<h5>Target Signal</h5>
<div class="signal-strength-display">
<div class="target-ssid" id="targetSsid">No target selected</div>
<div class="signal-value" id="signalValue">-- dBm</div>
<div class="signal-bars-large">
<div class="signal-bar-large"></div>
<div class="signal-bar-large"></div>
<div class="signal-bar-large"></div>
<div class="signal-bar-large"></div>
<div class="signal-bar-large"></div>
</div>
</div>
</div>
<!-- Network Relationship Graph -->
<div class="wifi-visual-panel network-graph-container" style="grid-column: span 2;">
<h4>🕸️ Network Topology</h4>