feat: ship buildpulse 0.3.0 phases and releases
This commit is contained in:
+206
-8
@@ -418,6 +418,23 @@ pre {
|
||||
gap: 0.65rem;
|
||||
}
|
||||
|
||||
.tap-hint {
|
||||
margin: 0.45rem 0 0;
|
||||
color: #8fb3cf;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.tap-chip {
|
||||
align-self: flex-start;
|
||||
margin-top: 0.15rem;
|
||||
border-radius: 999px;
|
||||
padding: 0.22rem 0.65rem;
|
||||
background: rgba(96, 165, 250, 0.1);
|
||||
color: #93c5fd;
|
||||
font-size: 0.75rem;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
.feature-signal-row {
|
||||
font-size: 0.82rem;
|
||||
color: #9fb4d9;
|
||||
@@ -1291,6 +1308,9 @@ body {
|
||||
align-items: flex-start;
|
||||
gap: 1rem;
|
||||
padding: 1rem;
|
||||
background:
|
||||
radial-gradient(circle at top right, rgba(45, 212, 191, 0.12), transparent 28%),
|
||||
linear-gradient(180deg, rgba(13, 19, 36, 0.98), rgba(11, 16, 32, 0.92));
|
||||
}
|
||||
|
||||
.mobile-shell-header h1 {
|
||||
@@ -1309,6 +1329,9 @@ body {
|
||||
gap: 0.45rem;
|
||||
color: #b7c4db;
|
||||
white-space: nowrap;
|
||||
padding: 0.35rem 0.55rem;
|
||||
border-radius: 999px;
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
|
||||
.status-dot,
|
||||
@@ -1454,6 +1477,29 @@ body {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.triage-status-banner,
|
||||
.triage-meta-line,
|
||||
.triage-loading-note {
|
||||
color: #b7c4db;
|
||||
}
|
||||
|
||||
.triage-status-banner {
|
||||
display: flex;
|
||||
gap: 0.6rem;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
margin-bottom: 1rem;
|
||||
padding: 0.75rem 0.9rem;
|
||||
border-radius: 16px;
|
||||
border: 1px solid rgba(148, 163, 184, 0.16);
|
||||
background: rgba(3, 7, 18, 0.42);
|
||||
}
|
||||
|
||||
.triage-meta-line,
|
||||
.triage-loading-note {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.triage-step-card,
|
||||
.recommendation-card,
|
||||
.suggested-item-card,
|
||||
@@ -1578,9 +1624,49 @@ body {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.editor-sheet-backdrop {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 75;
|
||||
display: grid;
|
||||
place-items: end center;
|
||||
padding: 1rem;
|
||||
background: rgba(2, 6, 23, 0.64);
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.editor-sheet {
|
||||
width: min(980px, 100%);
|
||||
max-height: calc(100vh - 2rem);
|
||||
overflow: auto;
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(7, 11, 22, 0.98)),
|
||||
radial-gradient(circle at top, rgba(99, 102, 241, 0.12), transparent 40%);
|
||||
}
|
||||
|
||||
.sheet-summary-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.sheet-summary-grid.single-column {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.sheet-actions {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
padding-top: 0.75rem;
|
||||
background: linear-gradient(180deg, rgba(11, 16, 32, 0), rgba(11, 16, 32, 0.94) 22%);
|
||||
}
|
||||
|
||||
@media (max-width: 860px) {
|
||||
.app-shell {
|
||||
width: min(100% - 1rem, 100%);
|
||||
padding-bottom: 5.5rem;
|
||||
}
|
||||
|
||||
.mobile-shell-header,
|
||||
@@ -1605,7 +1691,8 @@ body {
|
||||
|
||||
.triage-recommendation-grid,
|
||||
.accordion-board,
|
||||
.focus-grid {
|
||||
.focus-grid,
|
||||
.sheet-summary-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
@@ -1614,20 +1701,33 @@ body {
|
||||
}
|
||||
|
||||
.tab-bar {
|
||||
position: sticky;
|
||||
position: fixed;
|
||||
left: 0.5rem;
|
||||
right: 0.5rem;
|
||||
bottom: 0.5rem;
|
||||
top: auto;
|
||||
z-index: 50;
|
||||
margin-top: 1rem;
|
||||
padding: 0.35rem;
|
||||
background: rgba(8, 12, 24, 0.94);
|
||||
box-shadow: 0 20px 48px rgba(2, 6, 23, 0.45);
|
||||
backdrop-filter: blur(16px);
|
||||
}
|
||||
|
||||
.triage-modal-backdrop {
|
||||
.triage-modal-backdrop,
|
||||
.editor-sheet-backdrop {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.triage-modal {
|
||||
.triage-modal,
|
||||
.editor-sheet {
|
||||
max-height: calc(100vh - 1rem);
|
||||
}
|
||||
|
||||
.editor-sheet {
|
||||
width: 100%;
|
||||
border-radius: 24px 24px 18px 18px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 520px) {
|
||||
@@ -1637,6 +1737,42 @@ body {
|
||||
|
||||
.card {
|
||||
padding: 1rem;
|
||||
border-radius: 20px;
|
||||
background: rgba(10, 15, 28, 0.92);
|
||||
box-shadow: 0 10px 28px rgba(2, 6, 23, 0.22);
|
||||
backdrop-filter: blur(8px);
|
||||
}
|
||||
|
||||
.plan-home-card {
|
||||
background:
|
||||
linear-gradient(180deg, rgba(12, 18, 34, 0.98), rgba(10, 15, 28, 0.96)),
|
||||
radial-gradient(circle at top left, rgba(96, 165, 250, 0.1), transparent 34%);
|
||||
}
|
||||
|
||||
.parking-first-list {
|
||||
background:
|
||||
linear-gradient(180deg, rgba(14, 21, 34, 0.98), rgba(10, 15, 28, 0.96)),
|
||||
radial-gradient(circle at top right, rgba(251, 146, 60, 0.08), transparent 28%);
|
||||
}
|
||||
|
||||
.pulse-timeline-card {
|
||||
background:
|
||||
linear-gradient(180deg, rgba(12, 18, 34, 0.98), rgba(10, 15, 28, 0.96)),
|
||||
radial-gradient(circle at top center, rgba(45, 212, 191, 0.08), transparent 28%);
|
||||
}
|
||||
|
||||
.item-card {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
border-color: rgba(148, 163, 184, 0.12);
|
||||
}
|
||||
|
||||
.item-card:nth-child(odd) {
|
||||
background: rgba(255, 255, 255, 0.045);
|
||||
}
|
||||
|
||||
.tap-chip {
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
color: #c7d2fe;
|
||||
}
|
||||
|
||||
.button-row,
|
||||
@@ -1647,13 +1783,36 @@ body {
|
||||
|
||||
.tab-bar {
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
border-radius: 18px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.tab {
|
||||
min-height: 2.4rem;
|
||||
padding: 0.65rem 0.2rem;
|
||||
font-size: 0.78rem;
|
||||
min-height: 3rem;
|
||||
padding: 0.7rem 0.2rem;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.editor-sheet-backdrop,
|
||||
.triage-modal-backdrop {
|
||||
padding: 0;
|
||||
place-items: end stretch;
|
||||
}
|
||||
|
||||
.editor-sheet,
|
||||
.triage-modal {
|
||||
width: 100%;
|
||||
max-height: 100vh;
|
||||
border-radius: 22px 22px 0 0;
|
||||
padding-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.sheet-actions {
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.item-card {
|
||||
padding: 0.9rem;
|
||||
border-radius: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1721,3 +1880,42 @@ select {
|
||||
font-size: 0.78rem;
|
||||
}
|
||||
}
|
||||
|
||||
.roadmap-hero-card,
|
||||
.roadmap-phase-card,
|
||||
.roadmap-release-card {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.compact-roadmap-grid {
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.roadmap-phase-item,
|
||||
.roadmap-release-detail {
|
||||
display: grid;
|
||||
gap: 0.9rem;
|
||||
}
|
||||
|
||||
.roadmap-readiness-grid,
|
||||
.roadmap-release-feature-links {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
||||
}
|
||||
|
||||
.checklist-stack {
|
||||
display: grid;
|
||||
gap: 0.45rem;
|
||||
}
|
||||
|
||||
.checkbox-row {
|
||||
display: flex;
|
||||
gap: 0.6rem;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.roadmap-badges {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user