mirror of
https://github.com/smittix/intercept.git
synced 2026-04-24 22:59:59 -07:00
Fix WiFi table columns and channel chart overflow
Table fixes: - Add BSSID column header to match data columns - Remove vendor column from table rows (6 columns total) - Update placeholder colspan to 6 Layout fixes: - Use minmax() for right columns to allow shrinking - Add overflow handling to layout container - Add min-width: 0 to analysis panel for proper grid behavior - Add overflow-x: auto to channel chart container Channel chart fixes: - Reduce bar width from 20px to 14px - Reduce bar spacing from 4px to 2px - Reduce padding for more compact display - Use viewBox for responsive SVG scaling Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -13,10 +13,10 @@ const ChannelChart = (function() {
|
||||
// ==========================================================================
|
||||
|
||||
const CONFIG = {
|
||||
height: 150,
|
||||
barWidth: 20,
|
||||
barSpacing: 4,
|
||||
padding: { top: 20, right: 20, bottom: 30, left: 40 },
|
||||
height: 120,
|
||||
barWidth: 14,
|
||||
barSpacing: 2,
|
||||
padding: { top: 15, right: 10, bottom: 25, left: 30 },
|
||||
colors: {
|
||||
low: '#22c55e', // Green - low utilization
|
||||
medium: '#eab308', // Yellow - medium
|
||||
@@ -108,9 +108,9 @@ const ChannelChart = (function() {
|
||||
if (s.ap_count > maxApCount) maxApCount = s.ap_count;
|
||||
});
|
||||
|
||||
// Build SVG
|
||||
// Build SVG with viewBox for responsive scaling
|
||||
let svg = `
|
||||
<svg width="${width}" height="${height}" class="channel-chart-svg">
|
||||
<svg viewBox="0 0 ${width} ${height}" class="channel-chart-svg" style="width: 100%; height: auto; max-height: ${height}px;">
|
||||
<defs>
|
||||
<linearGradient id="utilGradientLow" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:${CONFIG.colors.low};stop-opacity:0.9" />
|
||||
|
||||
Reference in New Issue
Block a user