gabriel / musehub public
_branches.scss
167 lines 3.3 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: Branches (/*/branches)
3 // File: src/scss/pages/_branches.scss
4 //
5 // STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
6 // Visual rules live in components/_branches.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 .br-page {
10 display: flex;
11 flex-direction: column;
12 gap: var(--space-4);
13 }
14
15 .br-stat-strip {
16 display: flex;
17 align-items: stretch;
18 overflow: hidden;
19 }
20
21 .br-stat {
22 display: flex;
23 flex-direction: column;
24 align-items: center;
25 justify-content: center;
26 flex: 1;
27 padding: var(--space-4) var(--space-3);
28 gap: 4px;
29 text-decoration: none;
30 }
31
32 .br-stat-divider {
33 width: 1px;
34 flex-shrink: 0;
35 }
36
37 .br-default {
38 display: flex;
39 align-items: center;
40 justify-content: space-between;
41 gap: var(--space-4);
42 padding: var(--space-4) var(--space-5);
43 }
44
45 .br-default-left { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
46 .br-default-name { display: flex; align-items: center; gap: var(--space-2); }
47 .br-default-commit { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }
48 .br-default-actions { display: flex; align-items: center; gap: var(--space-2); flex-shrink: 0; }
49
50 .br-toolbar {
51 display: flex;
52 align-items: center;
53 padding: 0 var(--space-4);
54 gap: var(--space-2);
55 min-height: 48px;
56 flex-wrap: wrap;
57 }
58
59 .br-tabs { display: flex; align-items: center; flex: 1; flex-wrap: wrap; }
60
61 .br-list { display: flex; flex-direction: column; }
62
63 .br-row {
64 display: flex;
65 align-items: flex-start;
66 gap: var(--space-3);
67 padding: var(--space-3) var(--space-5);
68 }
69
70 .br-row-icon {
71 width: 28px;
72 height: 28px;
73 display: flex;
74 align-items: center;
75 justify-content: center;
76 flex-shrink: 0;
77 margin-top: 2px;
78 }
79
80 .br-row-body {
81 flex: 1;
82 min-width: 0;
83 display: flex;
84 flex-direction: column;
85 gap: 4px;
86 }
87
88 .br-row-name-line {
89 display: flex;
90 align-items: center;
91 gap: var(--space-2);
92 flex-wrap: wrap;
93 }
94
95 .br-commit-line {
96 display: flex;
97 align-items: center;
98 gap: var(--space-2);
99 min-width: 0;
100 }
101
102 .br-meta-line {
103 display: flex;
104 align-items: center;
105 gap: 6px;
106 flex-wrap: wrap;
107 }
108
109 .br-author {
110 display: inline-flex;
111 align-items: center;
112 gap: 4px;
113 }
114
115 .br-div-line {
116 display: flex;
117 align-items: center;
118 gap: var(--space-2);
119 margin-top: 2px;
120 }
121
122 .br-div-track {
123 height: 4px;
124 width: 80px;
125 overflow: hidden;
126 display: flex;
127 flex-shrink: 0;
128 }
129
130 .br-dim-scores {
131 display: flex;
132 align-items: center;
133 gap: 8px;
134 flex-wrap: wrap;
135 margin-top: 3px;
136 }
137
138 .br-dim {
139 display: flex;
140 align-items: center;
141 gap: 4px;
142 }
143
144 .br-dim-track {
145 height: 3px;
146 width: 40px;
147 overflow: hidden;
148 }
149
150 .br-row-actions {
151 display: flex;
152 flex-direction: column;
153 align-items: flex-end;
154 gap: var(--space-1);
155 flex-shrink: 0;
156 margin-top: 2px;
157 }
158
159 .br-empty {
160 display: flex;
161 flex-direction: column;
162 align-items: center;
163 justify-content: center;
164 padding: var(--space-12) var(--space-6);
165 text-align: center;
166 gap: var(--space-3);
167 }
File History 1 commit
sha256:3ff9c9863a9891bdcde71b4a43228f66d0493e38b7cc1d09fe9eb7de774046b2 feat: add repair-commit wire endpoint (API parity with repa… Opus 4.8 minor ⚠ 1 day ago