jbourdon/space-game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: production chain

Browse Source
This commit is contained in:
Jonathan Bourdon
2026-03-15 22:46:47 -04:00
parent 651556c916
commit 5ba1287f85
65 changed files with 3718 additions and 687 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
apps/viewer/src/style.css
View File

@@ -96,7 +96,7 @@ canvas {
.topbar {
border-radius: 22px;
padding: 18px 20px;
padding: 14px 16px;
pointer-events: auto;
}
@@ -124,8 +124,48 @@ canvas {
.topbar h2 {
color: var(--accent);
letter-spacing: 0.16em;
font-size: 0.72rem;
font-size: 0.64rem;
text-transform: uppercase;
line-height: 1;
}
.panel-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.panel-heading-meta {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.panel-summary {
display: none;
color: var(--muted);
font-family: "IBM Plex Mono", "SFMono-Regular", monospace;
font-size: 0.72rem;
line-height: 1;
text-align: right;
white-space: nowrap;
}
.panel-toggle {
border: 1px solid rgba(127, 214, 255, 0.2);
background: rgba(127, 214, 255, 0.08);
color: var(--text);
border-radius: 999px;
width: 28px;
height: 28px;
cursor: pointer;
font: inherit;
}
.panel-toggle:hover {
background: rgba(127, 214, 255, 0.16);
}
.topbar-body {
@@ -139,7 +179,7 @@ canvas {
.info-panel {
border-radius: 24px;
padding: 18px;
padding: 16px;
color: var(--text);
pointer-events: auto;
overflow: auto;
@@ -147,7 +187,7 @@ canvas {
.network-panel {
border-radius: 24px;
padding: 18px;
padding: 14px 16px;
color: var(--text);
pointer-events: auto;
}
@@ -155,7 +195,7 @@ canvas {
.performance-panel {
width: min(360px, calc(100vw - 40px));
border-radius: 24px;
padding: 18px;
padding: 14px 16px;
color: var(--text);
pointer-events: auto;
}
@@ -172,7 +212,8 @@ canvas {
margin: 0;
color: var(--accent);
letter-spacing: 0.16em;
font-size: 0.72rem;
font-size: 0.64rem;
line-height: 1;
text-transform: uppercase;
}
@@ -186,6 +227,20 @@ canvas {
white-space: pre-wrap;
}
.collapsible-panel.is-collapsed .topbar-body,
.collapsible-panel.is-collapsed .network-body,
.collapsible-panel.is-collapsed .performance-body {
display: none;
}
.collapsible-panel.is-collapsed .panel-summary {
display: inline-block;
}
.collapsible-panel.is-collapsed {
padding-bottom: 12px;
}
.detail-title {
margin-top: 12px;
font-size: 1.05rem;
@@ -208,6 +263,40 @@ canvas {
margin: 0 0 12px;
}
.detail-progress,
.ship-action-progress {
margin: 0 0 12px;
}
.detail-progress-label,
.ship-action-progress-label {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 6px;
color: var(--muted);
font-family: "IBM Plex Mono", "SFMono-Regular", monospace;
font-size: 0.72rem;
line-height: 1;
}
.detail-progress-track,
.ship-action-progress-track {
height: 6px;
border-radius: 999px;
overflow: hidden;
background: rgba(127, 214, 255, 0.12);
border: 1px solid rgba(127, 214, 255, 0.14);
}
.detail-progress-fill,
.ship-action-progress-fill {
height: 100%;
border-radius: 999px;
background: linear-gradient(90deg, rgba(127, 214, 255, 0.72), rgba(255, 191, 105, 0.9));
}
.history {
font-family: "IBM Plex Mono", "SFMono-Regular", monospace;
font-size: 0.78rem;
@@ -329,7 +418,7 @@ canvas {
left: 0;
right: 0;
bottom: 0;
width: 100vw;
width: 50vw;
min-height: 128px;
border-radius: 0;
padding: 0;
@@ -412,12 +501,16 @@ canvas {
font-size: 0.72rem;
}
.ship-card-header + p {
.ship-card-header+p {
font-size: 0.62rem;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ship-action-progress {
margin-top: 2px;
}
.ship-card-ai {
margin-top: 2px;
padding-top: 6px;
@@ -495,7 +588,7 @@ canvas {
left: 0;
right: 0;
bottom: 0;
width: 100vw;
width: 50vw;
min-height: 120px;
}