Add dashboard 3D fleet map, matrix stream overlay, and PWA support.
Integrates React Three Fiber topology view and a live matrix stream modal on the dashboard. Adds vite-plugin-pwa with AetherForge manifest and three.js dependencies.
This commit is contained in:
43
server/web/src/components/Visual/MatrixStreamOverlay.css
Normal file
43
server/web/src/components/Visual/MatrixStreamOverlay.css
Normal file
@@ -0,0 +1,43 @@
|
||||
.matrix-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
z-index: 9999;
|
||||
background: black;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.matrix-canvas {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.matrix-text-overlay {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
pointer-events: none;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
padding: 2rem;
|
||||
border: 1px solid #0f0;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 0 20px rgba(0, 255, 0, 0.2);
|
||||
}
|
||||
|
||||
.matrix-text-overlay h2 {
|
||||
color: #0f0;
|
||||
margin: 0 0 1rem 0;
|
||||
font-family: monospace;
|
||||
font-size: 2rem;
|
||||
text-shadow: 0 0 10px #0f0;
|
||||
}
|
||||
|
||||
.matrix-close-hint {
|
||||
color: rgba(0, 255, 0, 0.7);
|
||||
font-family: monospace;
|
||||
font-size: 1rem;
|
||||
}
|
||||
Reference in New Issue
Block a user