SILVER/NODEDC_MISSION_CORE
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(control-station): align lidar viewer and expose polygon

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-07-25 13:23:34 +03:00
parent c01712c30d
commit 881e97312b
9 changed files with 51 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/control-station/src/styles/workspaces.css
+20 -23
View File
@@ -1441,9 +1441,8 @@
.lidar-field-cloud {
overflow: hidden;
min-width: 0;
border: 1px solid rgb(255 255 255 / 0.09);
border-radius: 0.9rem;
background: #071018;
background: #06070a;
}
.lidar-field-camera {
@@ -1461,7 +1460,6 @@
.lidar-field-camera > .lidar-field-stage__label,
.lidar-field-cloud > header {
min-height: 3.45rem;
border-bottom: 1px solid rgb(255 255 255 / 0.08);
padding: 0.66rem 0.72rem;
}
@@ -1487,7 +1485,6 @@
display: flex;
justify-content: space-between;
gap: 0.5rem;
border-top: 1px solid rgb(255 255 255 / 0.08);
padding: 0.52rem 0.7rem;
}
@@ -1548,7 +1545,7 @@
overflow: hidden;
margin-top: 0.8rem;
border-radius: 0.9rem;
background: #071018;
background: #06070a;
}
.lidar-fallback-review > header {
@@ -1557,7 +1554,6 @@
align-items: center;
justify-content: space-between;
gap: 0.8rem;
border-bottom: 1px solid rgb(255 255 255 / 0.08);
padding: 0.65rem 0.75rem;
}
@@ -1569,7 +1565,6 @@
}
.lidar-fallback-review > footer {
border-top: 1px solid rgb(255 255 255 / 0.08);
padding: 0.58rem 0.75rem;
color: var(--nodedc-text-muted);
font-size: 0.58rem;
@@ -1646,11 +1641,8 @@
display: grid;
gap: 0.75rem;
margin-top: 0.85rem;
border: 1px solid rgb(74 215 255 / 0.18);
border-radius: 1rem;
background:
radial-gradient(circle at 18% 0%, rgb(56 124 255 / 0.12), transparent 34%),
rgb(4 12 19 / 0.72);
background: #06070a;
padding: 0.85rem;
}
@@ -1716,9 +1708,9 @@
.lidar-ground-modes button,
.lidar-ground-frame-control button,
.lidar-ground-scene__toolbar button {
border: 1px solid var(--station-hairline);
border: 0;
border-radius: 999px;
background: rgb(255 255 255 / 0.035);
background: transparent;
padding: 0.4rem 0.62rem;
color: var(--nodedc-text-secondary);
font: inherit;
@@ -1730,9 +1722,16 @@
.lidar-ground-modes button[data-active="true"],
.lidar-ground-frame-control button:hover:not(:disabled),
.lidar-ground-scene__toolbar button:hover {
border-color: rgb(74 215 255 / 0.48);
background: rgb(74 215 255 / 0.1);
background: rgb(255 255 255 / 0.11);
color: var(--nodedc-text-primary);
outline: none;
}
.lidar-ground-modes button:focus-visible,
.lidar-ground-frame-control button:focus-visible,
.lidar-ground-scene__toolbar button:focus-visible {
background: rgb(255 255 255 / 0.14);
outline: none;
}
.lidar-ground-frame-control button {
@@ -1751,16 +1750,15 @@
.lidar-ground-frame-control input {
width: min(16rem, 24vw);
accent-color: #4ad7ff;
accent-color: #f2f2f2;
}
.lidar-ground-scene {
position: relative;
overflow: hidden;
min-height: 30rem;
border: 1px solid rgb(255 255 255 / 0.09);
border-radius: 0.9rem;
background: #071018;
background: #06070a;
}
.lidar-ground-scene__viewport {
@@ -1782,15 +1780,15 @@
display: flex;
align-items: center;
gap: 0.5rem;
border: 1px solid rgb(255 255 255 / 0.08);
border: 0;
border-radius: 999px;
background: rgb(5 13 21 / 0.82);
background: rgb(10 11 14 / 0.78);
padding: 0.28rem;
backdrop-filter: blur(14px);
}
.lidar-ground-scene__toolbar button {
background: rgb(74 215 255 / 0.08);
background: rgb(255 255 255 / 0.06);
}
.lidar-ground-scene__error {
@@ -1808,9 +1806,8 @@
place-content: center;
justify-items: center;
gap: 0.55rem;
border: 1px solid var(--station-hairline);
border-radius: 0.9rem;
background: #071018;
background: #06070a;
text-align: center;
}