gabriel / musehub public
_velocity.scss
154 lines 4.0 KB
Raw
sha256:73f24973678ceefd56628ee17c6d0535d86e33533828af6c63348f50941515ad Merge branch 'fix/smoke-test-tag-label' into dev Human 15 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Page: Velocity (.vel-* layout)
3 // File: src/scss/pages/_velocity.scss
4 //
5 // STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
6 // Visual rules live in components/_velocity.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 .vel-wrap { padding: 0; }
10
11 // ── Stat chips row ────────────────────────────────────────────────────────────
12
13 .vel-stats {
14 display: flex;
15 gap: 1rem;
16 margin-bottom: 1.25rem;
17
18 @media (max-width: 540px) { flex-wrap: wrap; }
19 }
20
21 .vel-stat {
22 display: flex;
23 flex-direction: column;
24 align-items: center;
25 gap: 0.2rem;
26 padding: 0.75rem 1.25rem;
27 flex: 1;
28 }
29
30 .vel-stat__val { display: block; }
31 .vel-stat__lbl { display: block; }
32
33 // ── Legend ────────────────────────────────────────────────────────────────────
34
35 .vel-legend-row {
36 display: flex;
37 align-items: center;
38 gap: 1rem;
39 margin-bottom: 0.75rem;
40 flex-wrap: wrap;
41 }
42
43 .vel-legend-item {
44 display: flex;
45 align-items: center;
46 gap: 0.35rem;
47 }
48
49 // ── Module list ───────────────────────────────────────────────────────────────
50
51 .vel-list { margin-bottom: 1.5rem; }
52
53 .vel-row {
54 display: grid;
55 grid-template-columns: minmax(160px, 320px) 1fr 120px auto auto;
56 align-items: center;
57 gap: 0.75rem;
58 padding: 0.7rem 1rem;
59
60 @media (max-width: 900px) {
61 grid-template-columns: minmax(140px, 260px) 1fr auto auto;
62 .vel-stagnant { display: none; }
63 }
64
65 @media (max-width: 540px) {
66 grid-template-columns: 1fr auto;
67 .vel-bar-col, .vel-metrics-col, .vel-stagnant { display: none; }
68 }
69 }
70
71 .vel-module-col {
72 display: flex;
73 flex-direction: column;
74 gap: 0.2rem;
75 min-width: 0;
76 }
77
78 .vel-bar-col {
79 display: flex;
80 flex-direction: column;
81 gap: 3px;
82 }
83
84 .vel-bar-wrap {
85 display: flex;
86 align-items: center;
87 gap: 0.4rem;
88 }
89
90 .vel-bar-track {
91 height: 4px;
92 flex: 1;
93
94 &--prior { height: 3px; }
95 }
96
97 .vel-bar-label {
98 font-size: 0.6rem;
99 width: 2em;
100 flex-shrink: 0;
101 text-align: right;
102 }
103
104 .vel-metrics-col {
105 display: flex;
106 flex-direction: column;
107 gap: 0.15rem;
108 text-align: right;
109 }
110
111 // ── Empty state ───────────────────────────────────────────────────────────────
112
113 .vel-empty {
114 display: flex;
115 flex-direction: column;
116 align-items: center;
117 gap: 1rem;
118 padding: 3rem 1.5rem;
119 }
120
121 // ── Detail page ───────────────────────────────────────────────────────────────
122
123 .vel-detail-hd {
124 display: flex;
125 flex-direction: column;
126 gap: 0.6rem;
127 margin-bottom: 1.5rem;
128 padding: 1rem 1.25rem;
129 }
130
131 .vel-detail-chips {
132 display: flex;
133 gap: 0.75rem;
134 flex-wrap: wrap;
135 margin-bottom: 1.25rem;
136 }
137
138 .vel-detail-chip {
139 padding: 0.6rem 1rem;
140 flex: 1;
141 min-width: 90px;
142 }
143
144 .vel-detail-chip__val { display: block; }
145 .vel-detail-chip__lbl { display: block; }
146
147 // ── Window comparison card ────────────────────────────────────────────────────
148
149 .vel-compare-card {
150 padding: 1rem 1.25rem;
151 margin-bottom: 1.5rem;
152 }
153
154 .vel-compare-title { margin-bottom: 0.75rem; }
File History 12 commits
sha256:cfefc25a166c3c3eed8ea3529aee19ea350bc05f2954d007420e924133b7d8ce chore: pivot to nightly channel — bump version to 0.2.0.dev… Sonnet 5 patch 13 days ago
sha256:d035733f21ccff27735fddebfbbe0ed24565a32a22db8de5885402262671ecd2 chore: bump version to 0.2.0rc15 for musehub#113 fix release Sonnet 4.6 patch 15 days ago
sha256:0032d6cfa33bc3c8367436ad768e7dd0e339b4332153160247da8266cb5fa352 Merge branch 'task/version-tags-phase3-server' into dev Human 17 days ago
sha256:4669620efda9ff41c55bdefd1f7bfe1c239d468428744c84ead9957e5a003a53 merge: rescue snapshot-recovery hardening (c00aa21d) into d… Opus 4.8 minor ⚠ 30 days ago
sha256:a59da49c4611b970fc4b6ae48678ce4943261c213a07ddbd73ce9201df869b4a fix: remove false-positive proposal_comments index drop fro… Sonnet 4.6 patch 34 days ago
sha256:0a240d6dbff234f07d98a28a4a9a68db702f3f9ff9260196f24219bdb1c0b6f3 feat: render markdown mists as HTML with heading anchor links Sonnet 4.6 patch 34 days ago
sha256:24a7d47486ebc4ebd1832830580e177ec6f877b48dced8c000e198cdec4ce9d6 Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 36 days ago
sha256:b9ff931d147e0114a1f17060f415b89ed551c170a91ff226c70437aa5c85f9ee Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 36 days ago
sha256:d1122d21e73471879b460037b22c0b50fded7c423444a176f248428f75dac39c Merge 'task/fix-issue-pagination-cursor' into 'dev' — propo… Human 36 days ago
sha256:01e18975e73d2b3cd5b6db7929c895bef9aa6e0d4391dc5b2adfc548b41318dd Merge 'feat/adding-debug-logs-to-staging' into 'dev' — prop… Human 36 days ago
sha256:6b1949fc2797ca4c1936a637a4cbfec828ef56cf52398a2e74ca3c4f494e728f fix: use wire_bytes not mpack_bytes_raw in compute_object_b… Sonnet 4.6 patch 48 days ago
sha256:b99f2455dc346966d040133f5203297e6e3ef5803a93728a2c30568d0a0f7583 rename: delta_add → delta_upsert across wire format, models… Sonnet 4.6 patch 50 days ago