gabriel / musehub public
_clones.scss
188 lines 5.6 KB
Raw
sha256:0997d6250ae6476362f6fe2025af7789f46d03df3e9f34356d5e8ee79b201923 fix(issues): use issue number as pagination cursor, not cre… Sonnet 4.6 patch 8 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Page: Clones (.cl-* layout)
3 // File: src/scss/pages/_clones.scss
4 //
5 // STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
6 // Visual rules live in components/_clones.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 .cl-wrap { padding: 0; }
10
11 // ── Stat chips row ────────────────────────────────────────────────────────────
12
13 .cl-stats {
14 display: flex;
15 gap: 1rem;
16 margin-bottom: 1.25rem;
17
18 @media (max-width: 540px) { flex-wrap: wrap; }
19 }
20
21 .cl-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 .cl-stat__val { display: block; }
31 .cl-stat__lbl { display: block; }
32
33 // ── File hotspots ─────────────────────────────────────────────────────────────
34
35 .cl-hotspots { margin-bottom: 1.5rem; }
36
37 .cl-hotspot-section-title {
38 margin-bottom: 0.5rem;
39 padding: 0 1rem;
40 }
41
42 .cl-hotspot-row {
43 display: grid;
44 grid-template-columns: minmax(180px, 1fr) 1fr 3.5em;
45 align-items: center;
46 gap: 0.75rem;
47 padding: 0.35rem 1rem;
48 }
49
50 .cl-hotspot-file { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
51 .cl-hotspot-track { height: 3px; border-radius: 2px; overflow: hidden; }
52 .cl-hotspot-fill { height: 100%; }
53 .cl-hotspot-val { text-align: right; }
54
55 // ── Cluster list ──────────────────────────────────────────────────────────────
56
57 .cl-list { margin-bottom: 1.5rem; }
58
59 .cl-row {
60 display: grid;
61 grid-template-columns: 4.5rem minmax(110px, 180px) 1fr auto auto;
62 align-items: center;
63 gap: 0.75rem;
64 padding: 0.7rem 1rem;
65 text-decoration: none;
66
67 @media (max-width: 800px) {
68 grid-template-columns: 4.5rem minmax(100px, 150px) 1fr auto;
69 .cl-row__meta { display: none; }
70 }
71
72 @media (max-width: 480px) {
73 grid-template-columns: 4.5rem 1fr auto;
74 .cl-row__bar-wrap { display: none; }
75 }
76 }
77
78 .cl-row__hash {
79 overflow: hidden;
80 text-overflow: ellipsis;
81 white-space: nowrap;
82 }
83
84 .cl-row__bar-wrap {
85 display: flex;
86 align-items: center;
87 gap: 0.4rem;
88 }
89
90 .cl-row__bar-track {
91 flex: 1;
92 height: 4px;
93 border-radius: 2px;
94 overflow: hidden;
95 }
96
97 .cl-row__bar-fill { height: 100%; border-radius: 2px; }
98 .cl-row__count { width: 3em; text-align: right; }
99
100 .cl-row__meta {
101 display: flex;
102 align-items: center;
103 gap: 0.35rem;
104 flex-wrap: wrap;
105 }
106
107 // ── Cross-file badge ──────────────────────────────────────────────────────────
108
109 .cl-cross-file {
110 display: inline-flex;
111 align-items: center;
112 gap: 0.2em;
113 }
114
115 // ── Detail header ─────────────────────────────────────────────────────────────
116
117 .cl-detail-hd { margin-bottom: 1rem; }
118 .cl-detail-hash { }
119 .cl-detail-meta { }
120
121 // ── Detail chips ──────────────────────────────────────────────────────────────
122
123 .cl-detail-chips {
124 display: flex;
125 gap: 0.75rem;
126 flex-wrap: wrap;
127 margin-bottom: 1.5rem;
128 }
129
130 .cl-detail-chip {
131 display: flex;
132 flex-direction: column;
133 align-items: center;
134 gap: 0.15rem;
135 padding: 0.7rem 1.1rem;
136 }
137
138 .cl-detail-chip__val { display: block; }
139 .cl-detail-chip__lbl { display: block; }
140
141 // ── Member list ───────────────────────────────────────────────────────────────
142
143 .cl-section-title {
144 margin-bottom: 0.5rem;
145 padding: 0 1rem;
146 }
147
148 .cl-member-list { margin-bottom: 1.5rem; }
149
150 .cl-member-row {
151 display: grid;
152 grid-template-columns: 1fr auto auto;
153 align-items: center;
154 gap: 0.5rem;
155 padding: 0.4rem 1rem;
156
157 @media (max-width: 540px) { grid-template-columns: 1fr auto; }
158 }
159
160 .cl-member-addr { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
161
162 // ── File breakdown ────────────────────────────────────────────────────────────
163
164 .cl-file-breakdown { margin-bottom: 1.5rem; }
165
166 .cl-file-row {
167 display: grid;
168 grid-template-columns: minmax(160px, 1fr) 120px 4em;
169 align-items: center;
170 gap: 0.75rem;
171 padding: 0.35rem 1rem;
172 }
173
174 .cl-file-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
175 .cl-file-track { height: 3px; border-radius: 2px; overflow: hidden; }
176 .cl-file-fill { height: 100%; }
177 .cl-file-count { text-align: right; }
178
179 // ── Empty state ───────────────────────────────────────────────────────────────
180
181 .cl-empty {
182 display: flex;
183 flex-direction: column;
184 align-items: center;
185 gap: 1rem;
186 padding: 3rem 1rem;
187 text-align: center;
188 }
File History 1 commit
sha256:0997d6250ae6476362f6fe2025af7789f46d03df3e9f34356d5e8ee79b201923 fix(issues): use issue number as pagination cursor, not cre… Sonnet 4.6 patch 8 days ago