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

feat(lidar): add dataset gateway boundary

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-07-25 11:21:22 +03:00
parent 3333e9ac0f
commit f57d64bf52
14 changed files with 1314 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/control-station/src/styles/responsive.css
+11
View File
@@ -137,6 +137,17 @@
}
@media (max-width: 760px) {
.dataset-gateway__representations,
.dataset-gateway__grid,
.dataset-gateway__footer {
grid-template-columns: 1fr;
}
.dataset-gateway__representations > div + div {
border-top: 1px solid rgb(255 255 255 / 0.07);
border-left: 0;
}
.control-station .nodedc-header__profile-button {
display: none;
}
apps/control-station/src/styles/workspaces.css
+138
View File
@@ -807,6 +807,144 @@
gap: 1rem;
}
.dataset-gateway {
display: grid;
gap: 1rem;
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--nodedc-accent) 24%, transparent);
background:
radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--nodedc-accent) 10%, transparent), transparent 32%),
rgb(255 255 255 / 0.025);
}
.dataset-gateway__heading p,
.dataset-gateway__grid p,
.dataset-gateway__pending {
margin: 0.4rem 0 0;
color: var(--nodedc-text-muted);
font-size: 0.68rem;
line-height: 1.55;
}
.dataset-gateway__representations {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
overflow: hidden;
border: 1px solid rgb(255 255 255 / 0.07);
border-radius: 0.9rem;
}
.dataset-gateway__representations > div {
position: relative;
display: grid;
min-height: 7.4rem;
align-content: center;
gap: 0.3rem;
padding: 1rem 1.1rem 1rem 3.6rem;
background: rgb(255 255 255 / 0.025);
}
.dataset-gateway__representations > div + div {
border-left: 1px solid rgb(255 255 255 / 0.07);
}
.dataset-gateway__representations > div > span {
position: absolute;
top: 1rem;
left: 1rem;
color: var(--nodedc-accent);
font-size: 0.62rem;
letter-spacing: 0.14em;
}
.dataset-gateway__representations strong,
.dataset-gateway__representations small,
.dataset-gateway__representations em {
display: block;
}
.dataset-gateway__representations strong {
color: var(--nodedc-text-primary);
font-size: 0.76rem;
}
.dataset-gateway__representations small,
.dataset-gateway__representations em {
color: var(--nodedc-text-muted);
font-size: 0.58rem;
line-height: 1.35;
}
.dataset-gateway__representations em {
color: color-mix(in srgb, var(--nodedc-accent) 72%, white);
font-style: normal;
}
.dataset-gateway__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.7rem;
}
.dataset-gateway__grid > section {
min-width: 0;
padding: 1rem;
border: 1px solid rgb(255 255 255 / 0.07);
border-radius: 0.9rem;
background: rgb(255 255 255 / 0.02);
}
.dataset-gateway__grid > section[data-warning="true"] {
border-color: rgb(255 181 71 / 0.2);
}
.dataset-gateway__grid h3 {
margin: 0.28rem 0 0;
color: var(--nodedc-text-primary);
font-size: 1rem;
}
.dataset-gateway__facts {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
margin-top: 0.8rem;
}
.dataset-gateway__facts span {
padding: 0.32rem 0.5rem;
border-radius: 999px;
background: rgb(255 255 255 / 0.045);
color: var(--nodedc-text-secondary);
font-size: 0.56rem;
}
.dataset-gateway__footer {
display: grid;
grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
gap: 1rem;
padding-top: 0.85rem;
border-top: 1px solid rgb(255 255 255 / 0.07);
}
.dataset-gateway__footer > div {
display: grid;
gap: 0.2rem;
min-width: 0;
}
.dataset-gateway__footer span,
.dataset-gateway__footer small {
color: var(--nodedc-text-muted);
font-size: 0.58rem;
}
.dataset-gateway__footer strong {
overflow-wrap: anywhere;
color: var(--nodedc-text-primary);
font-size: 0.68rem;
}
.lidar-quality-message {
display: grid;
min-height: 12rem;