gabriel / musehub public
_vault.scss
148 lines 2.5 KB
Raw
sha256:c04414e7e3b812ff02f351d9792c79837b7841133a864f98fcaeff53a2a4afad feat(KD-6b): MuseHub vault UI per frozen §KD-6a Human minor ⚠ breaking 13 days ago
1 // Vault UI — note detail, search, landing (KD-6b)
2
3 .vault-landing-banner {
4 margin-bottom: 1rem;
5 }
6
7 .vault-badge {
8 display: inline-block;
9 padding: 0.15rem 0.5rem;
10 border-radius: 4px;
11 font-size: 0.75rem;
12 background: var(--color-purple-bg, #3b1f8a);
13 color: var(--color-purple, #a78bfa);
14 }
15
16 .vault-degraded-banner {
17 display: block;
18 margin: 0.75rem 0;
19 padding: 0.5rem 0.75rem;
20 border-radius: 6px;
21 background: var(--color-warning-bg, #7c4b08);
22 color: var(--color-warning, #d29922);
23 font-size: 0.875rem;
24 }
25
26 .vault-freshness {
27 font-size: 0.75rem;
28 color: var(--text-muted, #6b7fa0);
29 margin-left: 0.5rem;
30 }
31
32 .vault-section-title {
33 font-size: 0.875rem;
34 font-weight: 600;
35 margin: 0 0 0.5rem;
36 color: var(--text-secondary, #a8b8cc);
37 }
38
39 .vault-note-layout {
40 max-width: 1200px;
41 margin: 0 auto;
42 }
43
44 .vault-note-grid {
45 display: grid;
46 grid-template-columns: 220px 1fr 260px;
47 gap: 1.5rem;
48 align-items: start;
49 }
50
51 @media (max-width: 960px) {
52 .vault-note-grid {
53 grid-template-columns: 1fr;
54 }
55 }
56
57 .vault-frontmatter-panel {
58 background: var(--bg-surface, #161b22);
59 border: 1px solid var(--border-default);
60 border-radius: 8px;
61 padding: 0.75rem;
62 margin-bottom: 1rem;
63 }
64
65 .vault-fm-dl {
66 margin: 0;
67 font-size: 0.8125rem;
68 }
69
70 .vault-fm-key {
71 font-weight: 600;
72 color: var(--text-muted);
73 }
74
75 .vault-wikilink.broken {
76 color: var(--color-danger, #f87171);
77 text-decoration: line-through;
78 }
79
80 .vault-search-page {
81 max-width: 720px;
82 margin: 0 auto;
83 }
84
85 .vault-search-form {
86 display: flex;
87 flex-wrap: wrap;
88 gap: 0.5rem;
89 margin-bottom: 1rem;
90 }
91
92 .vault-search-input {
93 flex: 1 1 200px;
94 }
95
96 .vault-search-results {
97 list-style: none;
98 padding: 0;
99 margin: 0;
100 }
101
102 .vault-search-card {
103 padding: 0.75rem;
104 border-bottom: 1px solid var(--border-subtle);
105 }
106
107 .vault-harmony-diff .vault-hd-row {
108 display: grid;
109 grid-template-columns: 5rem 1fr 2fr;
110 gap: 0.5rem;
111 padding: 0.35rem 0;
112 font-size: 0.8125rem;
113 border-bottom: 1px solid var(--border-subtle);
114 }
115
116 .vault-hd-row--summary {
117 font-weight: 600;
118 }
119
120 .vault-hd-row--tags,
121 .vault-hd-row--entity {
122 background: rgba(167, 139, 250, 0.06);
123 }
124
125 .vault-prime-card {
126 margin-bottom: 1rem;
127 padding: 1rem;
128 border-radius: 8px;
129 border: 1px solid var(--border-default);
130 }
131
132 .vault-panels-row {
133 display: flex;
134 flex-wrap: wrap;
135 gap: 1rem;
136 margin-top: 1.5rem;
137 }
138
139 .vault-empty {
140 color: var(--text-muted);
141 font-size: 0.875rem;
142 }
143
144 .vault-ev-type {
145 font-family: var(--font-mono, monospace);
146 font-size: 0.75rem;
147 color: var(--color-accent, #60a5fa);
148 }
File History 1 commit
sha256:c04414e7e3b812ff02f351d9792c79837b7841133a864f98fcaeff53a2a4afad feat(KD-6b): MuseHub vault UI per frozen §KD-6a Human minor ⚠ 13 days ago