feat: drag/drop files in gui to change directories

1 files changed, 5 insertions, 4 deletions

diff --git a/internal/admin/static/admin.css b/internal/admin/static/admin.css
index 42e64fa..33dbdc4 100644
--- a/internal/admin/static/admin.css
+++ b/internal/admin/static/admin.css
@@ -2,7 +2,7 @@
 *{box-sizing:border-box;margin:0;padding:0}
 input[type=number]{-moz-appearance:textfield}
 input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
-body{font-family:monospace;background:var(--bg);color:var(--text);min-height:100vh}
+body{font-family:monospace;background:var(--bg);color:var(--text);display:flex;flex-direction:column;height:100vh;overflow:hidden}
 .nav{background:var(--panel);border-bottom:1px solid var(--border);padding:8px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
 .nav a{color:var(--text);text-decoration:none;padding:4px 10px;border-radius:3px;font-size:13px}
 .nav a:hover,.nav a.active{background:var(--accent)}
@@ -11,7 +11,7 @@ body{font-family:monospace;background:var(--bg);color:var(--text);min-height:100
 .nav .undo-bar button:disabled{opacity:.4;cursor:default}
 .nav .undo-bar button:not(:disabled):hover{background:var(--accent)}
 .nav .undo-bar span{color:#888;flex:1;text-align:right;margin-right:8px}
-.layout{display:flex;height:calc(100vh - 38px)}
+.layout{display:flex;flex:1;min-height:0}
 .main{flex:1;overflow:auto;position:relative;user-select:none;-webkit-user-select:none}
 #mapSvg{display:block}
 .panel{width:300px;background:var(--panel);border-left:1px solid var(--border);overflow-y:auto;padding:16px;flex-shrink:0;position:relative}
@@ -187,7 +187,7 @@ body{font-family:monospace;background:var(--bg);color:var(--text);min-height:100
 .color-picker{display:flex;flex-wrap:wrap;gap:2px;margin-top:4px;max-height:200px;overflow-y:auto}
 .color-picker .swatch{width:18px;height:18px;border:1px solid transparent;cursor:pointer;border-radius:1px}
 .color-picker .swatch:hover,.color-picker .swatch.selected{border-color:#fff;transform:scale(1.2);z-index:1}
-.editor-container{display:flex;height:calc(100vh - 38px)}
+.editor-container{display:flex;flex:1;min-height:0}
 .editor-list{width:260px;background:var(--panel);border-right:1px solid var(--border);overflow-y:auto;padding:10px;flex-shrink:0}
 .editor-main{flex:1;overflow-y:auto;padding:16px}
 .editor-list .item{padding:5px 8px;font-size:12px;cursor:pointer;border-radius:3px;margin-bottom:2px}
@@ -202,6 +202,7 @@ body{font-family:monospace;background:var(--bg);color:var(--text);min-height:100
 .dir-count{font-size:9px;color:#555}
 .dir-items{padding-left:10px}
 .dir-items .item{font-size:11px}
+.dir-drop-target{background:rgba(15,52,96,.3)!important;outline:1px dashed var(--accent);outline-offset:-2px}
 .editor-main pre{background:var(--input-bg);padding:12px;border-radius:4px;font-size:12px;overflow-x:auto;border:1px solid var(--border)}
 .form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 10px}
 .form-grid .form-group{margin-bottom:4px}
@@ -306,7 +307,7 @@ g.ud-hover:hover text{font-weight:bold}
 .obj-sub-remove{align-self:flex-end;padding:2px 6px;font-size:10px;min-width:auto;background:var(--danger);color:#fff;border:none;border-radius:3px;cursor:pointer;margin-bottom:3px}
 .obj-sub-add{display:block;width:100%;margin-top:4px;padding:4px 8px;font-size:11px;background:var(--accent);color:var(--text);border:1px solid #1a5a8e;border-radius:3px;cursor:pointer;font-family:monospace}
 .obj-sub-add:hover{background:var(--hover)}
-.add-section-bar{display:flex;gap:6px;align-items:center;margin-top:12px;padding:8px 0;border-top:1px solid var(--border);max-width:calc(50% - 5px)}
+.add-section-bar{display:flex;gap:6px;align-items:center;margin-top:12px;padding:8px 0;border-top:1px solid var(--border);max-width:100%;flex-wrap:wrap}
 .add-section-bar select{padding:4px 8px;font-size:11px;background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:3px;font-family:monospace;flex:1}
 .add-section-bar button{padding:4px 12px;font-size:11px}
 .obj-kv-list{margin-top:4px}