This release focuses on improved menu structure, enhanced CSS styling across all modules, and documentation cleanup. ## Menu & Navigation (2 modules) - Reorganized SecuBox menu with new "Network & Connectivity" category - Moved Network Modes from top-level to Network submenu - New menu path: admin/secubox/network/modes ## Network Modes Enhancements (14 files) - Enhanced all mode views: Overview, Wizard, Router, Multi-WAN, Double NAT, Access Point, Relay, VPN Relay, Travel, Sniffer, Settings - Improved dashboard.css styling - Updated API and helpers for better functionality ## System Hub Improvements (11 files) - Added dedicated CSS files for Backup and Health views - Enhanced styling: common.css, components.css, logs.css, services.css - Updated views: backup.js, components.js, health.js, logs.js, services.js - Removed deprecated settings.js view ## SecuBox Dashboard Updates (4 files) - Refined dashboard.css and modules.css styling - Enhanced dashboard.js and modules.js functionality ## Theme Updates (1 file) - Improved navigation.css component styling ## Documentation Cleanup (15 files deleted) - Removed obsolete documentation from docs/ directory - Migrated documentation to DOCS/ (uppercase) structure - Cleaned up archive files and outdated guides ## Configuration (1 file) - Updated Claude settings for new permissions Summary: - 50 files changed - 3 modules enhanced (network-modes, system-hub, secubox) - 15 documentation files cleaned up - 2 new CSS files added - Menu structure reorganized 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
45 lines
885 B
CSS
45 lines
885 B
CSS
/* SecuBox custom styling */
|
|
|
|
:root {
|
|
--md-primary-fg-color: #6366f1;
|
|
--md-accent-fg-color: #8b5cf6;
|
|
}
|
|
|
|
/* Code blocks */
|
|
.highlight {
|
|
border-radius: 0.375rem;
|
|
}
|
|
|
|
/* Cards grid */
|
|
.grid.cards {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
|
gap: 1rem;
|
|
margin: 1.5rem 0;
|
|
}
|
|
|
|
.grid.cards > * {
|
|
border: 1px solid var(--md-default-fg-color--lightest);
|
|
border-radius: 0.375rem;
|
|
padding: 1rem;
|
|
transition: transform 0.2s, box-shadow 0.2s;
|
|
}
|
|
|
|
.grid.cards > *:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
/* Gradient headings */
|
|
h1 {
|
|
background: linear-gradient(135deg, #6366f1, #8b5cf6);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
|
|
/* Admonitions */
|
|
.md-typeset .admonition {
|
|
border-radius: 0.375rem;
|
|
}
|