gabriel / musehub public
_entangle.scss
147 lines 4.7 KB
Raw
sha256:3ff9c9863a9891bdcde71b4a43228f66d0493e38b7cc1d09fe9eb7de774046b2 feat: add repair-commit wire endpoint (API parity with repa… Opus 4.8 minor ⚠ breaking 1 day ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Component: Symbol Entanglement (.et-* prefix)
3 // File: src/scss/components/_entangle.scss
4 //
5 // Visual rules only — colors, typography, backgrounds, borders, transitions.
6 // Structural layout lives in pages/_entangle.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 // ── Pair list ─────────────────────────────────────────────────────────────────
10
11 .et-list {
12 background: var(--bg-surface);
13 border: 1px solid var(--border-default);
14 border-radius: var(--radius-md);
15 overflow: hidden;
16 }
17
18 .et-pair-row {
19 border-top: 1px solid var(--border-subtle);
20 transition: background 120ms ease;
21 color: inherit;
22 text-decoration: none;
23
24 &:first-child { border-top: none; }
25 &:hover { background: var(--bg-hover); text-decoration: none; }
26 }
27
28 // ── Symbol addresses ──────────────────────────────────────────────────────────
29
30 .et-file { color: var(--text-muted); }
31 .et-sep { color: var(--border-default); }
32 .et-name { color: var(--color-accent-link); }
33
34 .et-arrow {
35 color: var(--text-muted);
36 font-size: 0.75rem;
37 flex-shrink: 0;
38 padding: 0 0.1rem;
39 user-select: none;
40 }
41
42 // ── Rate bar ──────────────────────────────────────────────────────────────────
43
44 .et-bar-track {
45 background: var(--bg-elevated);
46 border-radius: 2px;
47 overflow: hidden;
48 }
49
50 .et-bar-fill {
51 height: 100%;
52 border-radius: 2px;
53 background: var(--color-accent);
54 transition: width 200ms ease;
55
56 &--high { background: var(--color-warning); }
57 &--locked { background: var(--color-danger); }
58 }
59
60 .et-rate-val {
61 font-size: 0.78rem;
62 font-weight: 700;
63 font-family: var(--font-mono);
64 color: var(--text-primary);
65 flex-shrink: 0;
66 }
67
68 .et-co-val {
69 font-size: 0.72rem;
70 font-family: var(--font-mono);
71 color: var(--text-muted);
72 flex-shrink: 0;
73 white-space: nowrap;
74 }
75
76 // ── Badges ────────────────────────────────────────────────────────────────────
77
78 .et-badge {
79 font-size: 0.6rem;
80 font-weight: 700;
81 letter-spacing: 0.06em;
82 text-transform: uppercase;
83 padding: 1px 5px;
84 border-radius: 3px;
85 border: 1px solid;
86 flex-shrink: 0;
87
88 &--test {
89 color: var(--color-accent);
90 background: color-mix(in srgb, var(--color-accent) 12%, transparent);
91 border-color: color-mix(in srgb, var(--color-accent) 25%, transparent);
92 }
93
94 &--linked {
95 color: var(--color-success);
96 background: color-mix(in srgb, var(--color-success) 12%, transparent);
97 border-color: color-mix(in srgb, var(--color-success) 25%, transparent);
98 }
99 }
100
101 // ── Filter bar ────────────────────────────────────────────────────────────────
102
103 .et-filter-label {
104 font-size: 0.68rem;
105 font-weight: 600;
106 letter-spacing: 0.07em;
107 text-transform: uppercase;
108 color: var(--text-muted);
109 white-space: nowrap;
110 }
111
112 // ── Empty state ───────────────────────────────────────────────────────────────
113
114 .et-empty-state {
115 text-align: center;
116 color: var(--text-muted);
117 padding: 3rem 1.5rem;
118 }
119
120 // ── Symbol focus header ───────────────────────────────────────────────────────
121
122 .et-focus-hd {
123 background: var(--bg-surface);
124 border: 1px solid var(--border-default);
125 border-radius: var(--radius-md);
126 }
127
128 .et-focus-addr {
129 font-size: 0.78rem;
130 color: var(--text-muted);
131 overflow: hidden;
132 text-overflow: ellipsis;
133 white-space: nowrap;
134 }
135
136 .et-focus-count {
137 font-size: 1.4rem;
138 font-weight: 700;
139 font-family: var(--font-mono);
140 color: var(--color-accent);
141 line-height: 1;
142 }
143
144 .et-focus-count-label {
145 font-size: 0.8rem;
146 color: var(--text-muted);
147 }
File History 1 commit
sha256:3ff9c9863a9891bdcde71b4a43228f66d0493e38b7cc1d09fe9eb7de774046b2 feat: add repair-commit wire endpoint (API parity with repa… Opus 4.8 minor ⚠ 1 day ago