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

Fix device card rendering with robust defaults and CSS fixes

Browse Source 
- Add explicit default values for all card template variables
- Add try/catch for JSON.stringify
- Add !important CSS rules to ensure card body visibility
- Use ID selector for btDeviceListContent grid layout
- Add console logging for debugging device data

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-21 17:31:48 +00:00
parent e3d9349d4b
commit bb660d02f5
2 changed files with 54 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
static/css/components/device-cards.css
View File

@@ -557,18 +557,33 @@
/* ============================================
DEVICE CARD GRID LAYOUT
============================================ */
.bt-device-list .wifi-device-list-content {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 12px;
padding: 12px;
#btDeviceListContent {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
gap: 12px !important;
padding: 12px !important;
}
.bt-device-list .device-card {
#btDeviceListContent .device-card {
margin: 0;
height: fit-content;
}
/* Ensure card body is visible */
.device-card .signal-card-body {
display: flex !important;
flex-direction: column;
gap: 8px;
}
.device-card .device-identity {
display: block !important;
}
.device-card .device-signal-row {
display: flex !important;
}
/* ============================================
ENHANCED MODAL STYLES
============================================ */