diff --git a/index.html b/index.html index 89357c3..9294e6b 100644 --- a/index.html +++ b/index.html @@ -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} *{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} -.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} -.main{flex:1;padding:24px;max-width:960px} +.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 32px;max-width:1200px;margin:0 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} .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:focus{border-color:var(--actbg)} .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:hover{border-color:var(--actbg);box-shadow:0 2px 12px rgba(0,0,0,.15)} -.oc .ic{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0} +.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 8px rgba(0,0,0,.1)} +.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.ph{opacity:.6}.oc.ph:hover{opacity:.8} .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
-
+
Click a command to copy