gabriel / musehub public
_intel_gravity.scss
203 lines 4.9 KB
Raw
sha256:3ff9c9863a9891bdcde71b4a43228f66d0493e38b7cc1d09fe9eb7de774046b2 feat: add repair-commit wire endpoint (API parity with repa… Opus 4.8 minor ⚠ breaking 1 day ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Page: Gravity (.intel-grav-* layout)
3 // File: src/scss/pages/_intel_gravity.scss
4 //
5 // STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
6 // Visual rules live in components/_intel.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 // ── Intel sub-nav ─────────────────────────────────────────────────────────────
10
11 .intel-subnav {
12 display: flex;
13 gap: 0;
14 margin-bottom: 1.5rem;
15 overflow-x: auto;
16 }
17
18 .intel-subnav-link {
19 display: flex;
20 align-items: center;
21 gap: 0.35rem;
22 padding: 0.5rem 0.75rem;
23 white-space: nowrap;
24 }
25
26 // ── Stat chips row ────────────────────────────────────────────────────────────
27
28 .intel-grav-stats {
29 display: flex;
30 gap: 1rem;
31 margin-bottom: 1.25rem;
32
33 @media (max-width: 540px) { flex-wrap: wrap; }
34 }
35
36 .intel-grav-stat {
37 display: flex;
38 flex-direction: column;
39 align-items: center;
40 gap: 0.2rem;
41 padding: 0.75rem 1.25rem;
42 flex: 1;
43 }
44
45 // ── Filter bar ────────────────────────────────────────────────────────────────
46
47 .intel-filter-bar {
48 display: flex;
49 align-items: center;
50 justify-content: space-between;
51 gap: 1rem;
52 margin-bottom: 1rem;
53 flex-wrap: wrap;
54 }
55
56 .intel-filter-pills {
57 display: flex;
58 gap: 0.4rem;
59 flex-wrap: wrap;
60 }
61
62 .intel-filter-top {
63 display: flex;
64 align-items: center;
65 gap: 0.4rem;
66 }
67
68 .intel-filter-pill {
69 padding: 3px 10px;
70 &--sm { padding: 2px 7px; }
71 }
72
73 // ── Gravity list rows ─────────────────────────────────────────────────────────
74
75 .intel-grav-row {
76 display: grid;
77 grid-template-columns: 2rem 1fr auto auto auto auto;
78 align-items: center;
79 gap: 0.75rem;
80 padding: 0.6rem 1rem;
81
82 @media (max-width: 700px) {
83 grid-template-columns: 2rem 1fr auto auto;
84 .intel-grav-reach, .depth-sparkline { display: none; }
85 }
86 }
87
88 .intel-grav-meta {
89 display: flex;
90 flex-direction: column;
91 gap: 0.15rem;
92 min-width: 0;
93 }
94
95 .intel-grav-bar-wrap {
96 display: flex;
97 align-items: center;
98 gap: 0.5rem;
99 }
100
101 .intel-grav-reach {
102 display: flex;
103 gap: 0.4rem;
104 align-items: baseline;
105 }
106
107 // ── Gravity bar ───────────────────────────────────────────────────────────────
108
109 .gravity-bar {
110 position: relative;
111 width: 120px;
112 height: 6px;
113 overflow: hidden;
114 flex-shrink: 0;
115 }
116
117 .gravity-bar__fill {
118 position: absolute;
119 inset: 0 auto 0 0;
120 width: calc(var(--grav, 0) * 120px);
121 height: 100%;
122 }
123
124 // ── Kind badge padding ────────────────────────────────────────────────────────
125
126 .kind-badge {
127 padding: 2px 6px;
128 white-space: nowrap;
129 flex-shrink: 0;
130 }
131
132 // ── Gravity detail page ───────────────────────────────────────────────────────
133
134 .intel-grav-detail-meta {
135 display: flex;
136 align-items: center;
137 gap: 0.6rem;
138 flex-wrap: wrap;
139 }
140
141 .intel-grav-detail-hd {
142 display: flex;
143 flex-direction: column;
144 gap: 1rem;
145 margin-bottom: 1.5rem;
146 padding: 1rem 1.25rem;
147 }
148
149 .intel-grav-detail-chips {
150 display: flex;
151 gap: 0.75rem;
152 flex-wrap: wrap;
153 }
154
155 .intel-grav-detail-chip {
156 padding: 0.6rem 1rem;
157 flex: 1;
158 min-width: 100px;
159 }
160
161 .intel-grav-detail-chip__val { display: block; }
162 .intel-grav-detail-chip__lbl { display: block; }
163
164 // depth distribution card
165
166 .intel-grav-dist-card {
167 padding: 1rem 1.25rem;
168 margin-bottom: 1.25rem;
169 }
170
171 .intel-grav-dist-title { margin-bottom: 0.3rem; }
172 .intel-grav-dist-desc { margin-bottom: 1rem; }
173
174 .intel-grav-dist-bars {
175 display: flex;
176 flex-direction: column;
177 gap: 0.5rem;
178 }
179
180 .intel-grav-dist-bar-wrap {
181 display: flex;
182 align-items: center;
183 gap: 0.75rem;
184 }
185
186 .intel-grav-dist-bar-track {
187 height: 10px;
188 flex: 1;
189 }
190
191 .intel-grav-dist-bar-label {
192 display: flex;
193 justify-content: space-between;
194 width: 140px;
195 flex-shrink: 0;
196 }
197
198 .intel-grav-detail-spark {
199 display: flex;
200 align-items: center;
201 gap: 0.75rem;
202 margin-bottom: 1.5rem;
203 }
File History 1 commit
sha256:3ff9c9863a9891bdcde71b4a43228f66d0493e38b7cc1d09fe9eb7de774046b2 feat: add repair-commit wire endpoint (API parity with repa… Opus 4.8 minor ⚠ 1 day ago