diff options
Diffstat (limited to 'internal/admin/static/admin.css')
| -rw-r--r-- | internal/admin/static/admin.css | 42 |
1 files changed, 41 insertions, 1 deletions
diff --git a/internal/admin/static/admin.css b/internal/admin/static/admin.css index c9d0ed5..684a9c6 100644 --- a/internal/admin/static/admin.css +++ b/internal/admin/static/admin.css @@ -11,7 +11,9 @@ body{font-family:monospace;background:var(--bg);color:var(--text);min-height:100 .nav .undo-bar span{color:#888} .layout{display:flex;height:calc(100vh - 38px)} .main{flex:1;overflow:auto;position:relative} -.panel{width:380px;background:var(--panel);border-left:1px solid var(--border);overflow-y:auto;padding:16px;flex-shrink:0} +.panel{width:580px;background:var(--panel);border-left:1px solid var(--border);overflow-y:auto;padding:16px;flex-shrink:0;position:relative} +.panel-resize-handle{position:absolute;left:-3px;top:0;bottom:0;width:6px;cursor:col-resize;z-index:5;background:transparent} +.panel-resize-handle:hover{background:rgba(255,255,255,.06)} .panel h2{font-size:15px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border)} .form-group{margin-bottom:10px} .form-group label{display:block;font-size:11px;color:#aaa;margin-bottom:3px;text-transform:uppercase;letter-spacing:.5px} @@ -100,3 +102,41 @@ g.ud-hover:hover text{font-weight:bold} .cm-menu button:hover{background:var(--accent)} .cm-menu button.danger{color:#f55} .cm-menu button.danger:hover{background:var(--danger)} +.panel-left{width:200px;background:var(--panel);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;flex-shrink:0} +.panel-left .panel-header{font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:.5px;padding:12px 12px 8px;border-bottom:1px solid var(--border);flex-shrink:0} +.panel-left .dc-item{display:block;padding:6px 12px;font-size:11px;cursor:pointer;color:var(--text);border-bottom:1px solid rgba(255,255,255,.03);font-family:monospace} +.panel-left .dc-item:hover{background:rgba(15,52,96,.4)} +.panel-left .dc-item .dc-id{color:#6cf} +.panel-left .dc-item .dc-name{color:#888;font-size:10px;margin-left:6px} +.panel-tabs{display:flex;gap:2px;margin-bottom:10px;border-bottom:1px solid var(--border)} +.panel-tab{padding:4px 12px;font-size:11px;background:transparent;color:#888;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:monospace} +.panel-tab:hover{color:var(--text)} +.panel-tab.active{color:var(--text);border-bottom-color:var(--accent)} +.panel-tab-content{padding:4px 0} +.cond-clause input,.cond-clause select{padding:4px 6px;font-size:11px;background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:2px;font-family:monospace} +.cond-clause select{min-width:120px}.exit-section{margin-top:12px;border-top:1px solid var(--border);padding-top:8px} +.exit-section h3{font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px} +.exit-row{display:flex;gap:4px;align-items:center;margin-bottom:4px;padding:3px 4px;background:rgba(255,255,255,.02);border-radius:3px;font-size:11px} +.exit-row .exit-dir{color:#6cf;font-weight:bold;min-width:28px;text-transform:uppercase} +.exit-row .exit-target{color:var(--text);flex:1;cursor:pointer}.exit-row .exit-target:hover{color:#fff} +.exit-row .exit-meta{font-size:9px;color:#888;display:block} +.exit-row input,.exit-row select{padding:2px 4px;font-size:11px;background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:2px;font-family:monospace} +.exit-row select{min-width:70px} +.exit-add{display:flex;gap:4px;align-items:center;margin-top:6px} +.exit-add select,.exit-add input{width:auto;flex:1;padding:3px 5px;font-size:11px;background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:2px;font-family:monospace} +.exit-add .exit-add-btn{flex-shrink:0;padding:3px 8px;font-size:11px;background:var(--accent);color:var(--text);border:1px solid #1a5a8e;border-radius:2px;cursor:pointer;font-family:monospace} +.exit-add .exit-add-btn:hover{background:var(--hover)}.panel-tab-content .entry-row{display:flex;gap:4px;align-items:flex-start;margin-bottom:6px;padding:4px;background:rgba(255,255,255,.02);border-radius:3px;border:1px solid transparent} +.panel-tab-content .entry-row:hover{border-color:var(--border)} +.panel-tab-content .entry-fields{flex:1;min-width:0} +.panel-tab-content .entry-fields input:not([type=checkbox]),.panel-tab-content .entry-fields textarea{width:100%;padding:3px 5px;font-size:11px;background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:2px;font-family:monospace;margin-bottom:3px} +.panel-tab-content .entry-fields textarea{resize:vertical;min-height:28px} +.panel-tab-content .entry-fields .entry-id{font-size:11px;color:#6cf;display:block;padding:3px 0} +.panel-tab-content .section-search{position:relative;margin-top:4px} +.panel-tab-content .search-input{width:100%;padding:4px 6px;font-size:11px;background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:3px;font-family:monospace} +.panel-tab-content .search-results{position:absolute;top:100%;left:0;right:0;max-height:160px;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:3px;z-index:50;box-shadow:0 4px 12px rgba(0,0,0,.4)} +.panel-tab-content .search-results .sr-item{padding:4px 8px;font-size:11px;cursor:pointer;color:var(--text);border-bottom:1px solid rgba(255,255,255,.03)} +.panel-tab-content .search-results .sr-item:hover{background:var(--accent)} +.panel-tab-content .section-add-btn{display:block;width:100%;margin-top:4px;background:var(--accent);color:var(--text);border:1px solid #1a5a8e;padding:4px 8px;font-size:11px;border-radius:3px;cursor:pointer;font-family:monospace} +.panel-tab-content .section-add-btn:hover{background:var(--hover)} +.panel-tab-content .mini-label{font-size:9px;color:#888;display:block;margin-bottom:1px;margin-top:3px} +.panel-tab-content .mini-input{width:60px!important;display:inline-block;margin-right:4px} |
