mirror of
https://github.com/smittix/intercept.git
synced 2026-05-01 01:59:58 -07:00
Move Tracker Detection and Signal Distribution to left of radar
- Restructured layout to put side panels (Tracker Detection, Signal Distribution) on the left side of the Proximity Radar - Side panels now stack vertically with fixed 220px width - Radar takes remaining horizontal space - Fixes radar being cut off at bottom - Fixes signal distribution content being cut off Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
@@ -3277,6 +3277,27 @@ header h1 .tagline {
|
|||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bt-main-area {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
flex: 1;
|
||||||
|
min-height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bt-side-panels {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 12px;
|
||||||
|
width: 220px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bt-side-panel {
|
||||||
|
flex: 1;
|
||||||
|
min-height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.bt-radar-panel {
|
.bt-radar-panel {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
@@ -3289,19 +3310,9 @@ header h1 .tagline {
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
|
||||||
|
|
||||||
.bt-bottom-panels {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 12px;
|
align-items: center;
|
||||||
flex-shrink: 0;
|
justify-content: center;
|
||||||
max-height: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bt-compact-panel {
|
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Bluetooth Device Detail Panel */
|
/* Bluetooth Device Detail Panel */
|
||||||
|
|||||||
@@ -773,6 +773,37 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- Main area: Side panels + Radar -->
|
||||||
|
<div class="bt-main-area">
|
||||||
|
<!-- Left side panels -->
|
||||||
|
<div class="bt-side-panels">
|
||||||
|
<div class="wifi-visual-panel bt-side-panel">
|
||||||
|
<h5>Tracker Detection</h5>
|
||||||
|
<div id="btTrackerList" style="font-size: 11px;">
|
||||||
|
<div style="color: var(--text-dim); padding: 10px; text-align: center;">Monitoring for AirTags, Tiles...</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="wifi-visual-panel bt-side-panel">
|
||||||
|
<h5>Signal Distribution</h5>
|
||||||
|
<div class="bt-signal-dist" id="btSignalDist">
|
||||||
|
<div class="signal-range"><span>Strong (-50+)</span>
|
||||||
|
<div class="signal-bar-bg">
|
||||||
|
<div class="signal-bar strong" id="btSignalStrong" style="width: 0%;"></div>
|
||||||
|
</div><span id="btSignalStrongCount">0</span>
|
||||||
|
</div>
|
||||||
|
<div class="signal-range"><span>Medium (-70)</span>
|
||||||
|
<div class="signal-bar-bg">
|
||||||
|
<div class="signal-bar medium" id="btSignalMedium" style="width: 0%;"></div>
|
||||||
|
</div><span id="btSignalMediumCount">0</span>
|
||||||
|
</div>
|
||||||
|
<div class="signal-range"><span>Weak (-90)</span>
|
||||||
|
<div class="signal-bar-bg">
|
||||||
|
<div class="signal-bar weak" id="btSignalWeak" style="width: 0%;"></div>
|
||||||
|
</div><span id="btSignalWeakCount">0</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<!-- Proximity Radar -->
|
<!-- Proximity Radar -->
|
||||||
<div class="wifi-visual-panel bt-radar-panel">
|
<div class="wifi-visual-panel bt-radar-panel">
|
||||||
<h5>Proximity Radar</h5>
|
<h5>Proximity Radar</h5>
|
||||||
@@ -798,34 +829,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Bottom row: Tracker Detection + Signal Distribution -->
|
|
||||||
<div class="bt-bottom-panels">
|
|
||||||
<div class="wifi-visual-panel bt-compact-panel">
|
|
||||||
<h5>Tracker Detection</h5>
|
|
||||||
<div id="btTrackerList" style="font-size: 11px;">
|
|
||||||
<div style="color: var(--text-dim); padding: 10px; text-align: center;">Monitoring for AirTags, Tiles...</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="wifi-visual-panel bt-compact-panel">
|
|
||||||
<h5>Signal Distribution</h5>
|
|
||||||
<div class="bt-signal-dist" id="btSignalDist">
|
|
||||||
<div class="signal-range"><span>Strong (-50+)</span>
|
|
||||||
<div class="signal-bar-bg">
|
|
||||||
<div class="signal-bar strong" id="btSignalStrong" style="width: 0%;"></div>
|
|
||||||
</div><span id="btSignalStrongCount">0</span>
|
|
||||||
</div>
|
|
||||||
<div class="signal-range"><span>Medium (-70)</span>
|
|
||||||
<div class="signal-bar-bg">
|
|
||||||
<div class="signal-bar medium" id="btSignalMedium" style="width: 0%;"></div>
|
|
||||||
</div><span id="btSignalMediumCount">0</span>
|
|
||||||
</div>
|
|
||||||
<div class="signal-range"><span>Weak (-90)</span>
|
|
||||||
<div class="signal-bar-bg">
|
|
||||||
<div class="signal-bar weak" id="btSignalWeak" style="width: 0%;"></div>
|
|
||||||
</div><span id="btSignalWeakCount">0</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Right: Bluetooth Device Cards -->
|
<!-- Right: Bluetooth Device Cards -->
|
||||||
|
|||||||
Reference in New Issue
Block a user