admin/syscmd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: moins de vide - sidebar 12rem, grille 4 colonnes, max-width 1200px

Browse Source
This commit is contained in:
hermes-agent
2026-08-14 16:20:12 +02:00
parent 2b3cf890d2
commit b351677040
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+6 -6
View File
@@ -9,8 +9,8 @@
.dark{--bg:#0b1120;--fg:#e2e8f0;--sidebar:#0f172a;--brd:#1e293b;--brd2:#1e293b;--muted:#64748b;--txt:#94a3b8;--title:#f1f5f9;--hover:#1e293b;--alt:#151e30;--actbg:#3b82f6;--actfg:#fff;--boxbg:#1e293b} .dark{--bg:#0b1120;--fg:#e2e8f0;--sidebar:#0f172a;--brd:#1e293b;--brd2:#1e293b;--muted:#64748b;--txt:#94a3b8;--title:#f1f5f9;--hover:#1e293b;--alt:#151e30;--actbg:#3b82f6;--actfg:#fff;--boxbg:#1e293b}
*{box-sizing:border-box;margin:0;padding:0} *{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5;transition:background .2s,color .2s} body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5;transition:background .2s,color .2s}
.sbar{width:14rem;border-right:1px solid var(--brd);background:var(--sidebar);display:flex;flex-direction:column;min-height:100vh;padding:12px 0;overflow-y:auto;flex-shrink:0} .sbar{width:12rem;border-right:1px solid var(--brd);background:var(--sidebar);display:flex;flex-direction:column;min-height:100vh;padding:10px 0;overflow-y:auto;flex-shrink:0}
.main{flex:1;padding:24px;max-width:960px} .main{flex:1;padding:24px 32px;max-width:1200px;margin:0 auto}
.tree{flex:1;overflow-y:auto} .tree{flex:1;overflow-y:auto}
.grp{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 12px 4px} .grp{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 12px 4px}
.slk{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;color:var(--txt);transition:all .12s;user-select:none} .slk{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;color:var(--txt);transition:all .12s;user-select:none}
@@ -39,9 +39,9 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;b
.si{width:100%;padding:7px 12px 7px 34px;border-radius:8px;font-size:13px;outline:none;border:1.5px solid var(--brd);background:var(--boxbg);color:var(--fg);transition:border-color .12s,.2s} .si{width:100%;padding:7px 12px 7px 34px;border-radius:8px;font-size:13px;outline:none;border:1.5px solid var(--brd);background:var(--boxbg);color:var(--fg);transition:border-color .12s,.2s}
.si:focus{border-color:var(--actbg)} .si:focus{border-color:var(--actbg)}
.si::placeholder{color:var(--muted)} .si::placeholder{color:var(--muted)}
.oc{border-radius:10px;border:1px solid var(--brd);background:var(--boxbg);cursor:pointer;transition:all .15s;padding:16px} .oc{border-radius:10px;border:1px solid var(--brd);background:var(--boxbg);cursor:pointer;transition:all .15s;padding:12px}
.oc:hover{border-color:var(--actbg);box-shadow:0 2px 12px rgba(0,0,0,.15)} .oc:hover{border-color:var(--actbg);box-shadow:0 2px 8px rgba(0,0,0,.1)}
.oc .ic{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0} .oc .ic{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.oc .sl{font-size:11px;color:var(--muted)} .oc .sl{font-size:11px;color:var(--muted)}
.oc.ph{opacity:.6}.oc.ph:hover{opacity:.8} .oc.ph{opacity:.6}.oc.ph:hover{opacity:.8}
.emp{padding:40px 16px;max-width:360px;margin:0 auto;text-align:center} .emp{padding:40px 16px;max-width:360px;margin:0 auto;text-align:center}
@@ -110,7 +110,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;b
</div> </div>
<div id="gs" style="display:none;margin-bottom:24px"></div> <div id="gs" style="display:none;margin-bottom:24px"></div>
<div id="stats-row" style="display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px"></div> <div id="stats-row" style="display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px"></div>
<div id="grid" style="display:grid;grid-template-columns:repeat(3,1fr);gap:12px"></div> <div id="grid" style="display:grid;grid-template-columns:repeat(4,1fr);gap:8px"></div>
</div> </div>
<div style="margin-top:16px;text-align:center;font-size:11px;color:var(--muted)" id="fh">Click a command to copy</div> <div style="margin-top:16px;text-align:center;font-size:11px;color:var(--muted)" id="fh">Click a command to copy</div>
</div> </div>