@axiomatic-labs/claudeflow 2.13.21 → 2.13.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/panel.js +19 -3
- package/package.json +1 -1
package/lib/panel.js
CHANGED
|
@@ -297,17 +297,33 @@ header .cwd { color: var(--muted); font-family: var(--mono); font-size: 12px; fl
|
|
|
297
297
|
header .actions { display: flex; gap: 12px; align-items: center; color: var(--muted); font-size: 12px; }
|
|
298
298
|
header button { background: var(--panel-2); border: 1px solid var(--border); color: var(--fg); padding: 6px 12px; border-radius: 6px; cursor: pointer; font: inherit; }
|
|
299
299
|
header button:hover { border-color: var(--accent); }
|
|
300
|
-
main { display:
|
|
301
|
-
nav { border-right: 1px solid var(--border); background: var(--panel); padding: 12px 0; }
|
|
300
|
+
main { display: flex; min-height: calc(100vh - 56px); }
|
|
301
|
+
nav { width: 220px; flex-shrink: 0; border-right: 1px solid var(--border); background: var(--panel); padding: 12px 0; }
|
|
302
302
|
nav a { display: flex; align-items: center; gap: 10px; padding: 10px 22px; color: var(--fg); text-decoration: none; cursor: pointer; border-left: 3px solid transparent; font-size: 13px; }
|
|
303
303
|
nav a:hover { background: var(--panel-2); }
|
|
304
304
|
nav a.active { background: var(--panel-2); border-left-color: var(--accent); }
|
|
305
|
+
@media (max-width: 720px) {
|
|
306
|
+
main { flex-direction: column; }
|
|
307
|
+
nav {
|
|
308
|
+
width: 100%; border-right: 0; border-bottom: 1px solid var(--border);
|
|
309
|
+
padding: 0; display: flex; overflow-x: auto;
|
|
310
|
+
}
|
|
311
|
+
nav a {
|
|
312
|
+
flex-shrink: 0; padding: 12px 16px; border-left: 0;
|
|
313
|
+
border-bottom: 3px solid transparent; white-space: nowrap;
|
|
314
|
+
}
|
|
315
|
+
nav a.active { border-left: 0; border-bottom-color: var(--accent); }
|
|
316
|
+
section { padding: 16px 18px; max-width: none; }
|
|
317
|
+
header { padding: 12px 16px; gap: 8px; }
|
|
318
|
+
header .cwd { font-size: 11px; }
|
|
319
|
+
header .actions { font-size: 11px; }
|
|
320
|
+
}
|
|
305
321
|
nav .dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; }
|
|
306
322
|
.dot.ok { background: var(--ok); }
|
|
307
323
|
.dot.warn { background: var(--warn); }
|
|
308
324
|
.dot.err { background: var(--err); }
|
|
309
325
|
.dot.info { background: var(--muted); }
|
|
310
|
-
section { padding: 22px 28px; max-width: 980px; }
|
|
326
|
+
section { flex: 1; min-width: 0; padding: 22px 28px; max-width: 980px; }
|
|
311
327
|
section h2 { font-size: 16px; margin: 0 0 6px; letter-spacing: 0.3px; }
|
|
312
328
|
section .sub { color: var(--muted); font-size: 12px; margin-bottom: 18px; }
|
|
313
329
|
.card { background: var(--panel); border: 1px solid var(--border); border-radius: 8px; padding: 14px 18px; margin-bottom: 14px; }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@axiomatic-labs/claudeflow",
|
|
3
|
-
"version": "2.13.
|
|
3
|
+
"version": "2.13.22",
|
|
4
4
|
"description": "Claudeflow — AI-powered development toolkit for Claude Code. Skills, agents, hooks, and quality gates that ship production apps.",
|
|
5
5
|
"bin": {
|
|
6
6
|
"claudeflow": "./bin/cli.js"
|