-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcommands-v100.css
More file actions
7 lines (7 loc) · 2.89 KB
/
Copy pathcommands-v100.css
File metadata and controls
7 lines (7 loc) · 2.89 KB
1
2
3
4
5
6
7
/* NiakGPT 1.0 Command Palette */
#ng100-command{position:fixed;z-index:2147483647;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:11vh;background:rgba(0,0,0,.44)!important;backdrop-filter:blur(4px);opacity:0;transition:opacity .1s ease}#ng100-command.open{opacity:1}#ng100-command>div{width:min(720px,calc(100vw - 34px));max-height:72vh;display:flex;flex-direction:column;border:1px solid #3b5367;border-radius:10px;background:#0d1620!important;box-shadow:0 30px 100px rgba(0,0,0,.66);overflow:hidden;transform:translateY(-4px);transition:transform .1s ease}#ng100-command.open>div{transform:translateY(0)}
#ng100-command header{height:48px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;padding:0 11px;border-bottom:1px solid #2b3d4d;background:#101b25!important}#ng100-command header>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #385064;border-radius:6px;color:#4fc1ff;font:800 11px Consolas,monospace}#ng100-command input{width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#f1f7fb!important;font:600 14px/1.2 system-ui,sans-serif}#ng100-command input::placeholder{color:#708397}#ng100-command kbd{padding:3px 6px;border:1px solid #35495a;border-bottom-color:#52697d;border-radius:5px;background:#121e29;color:#8fa2b4;font:700 8.5px Consolas,monospace;white-space:nowrap}
#ng100-command section{min-height:80px;max-height:56vh;overflow:auto;padding:6px}#ng100-command section button{width:100%;height:42px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 9px;border:1px solid transparent;border-radius:6px;background:transparent!important;color:#cbd7e1;text-align:left;cursor:pointer}#ng100-command section button:hover,#ng100-command section button.sel{background:#152432!important;border-color:#31516a!important;color:#fff}#ng100-command section button>i{display:grid;place-items:center;width:23px;height:23px;border:1px solid #344a5d;border-radius:5px;background:#101923;color:#4fc1ff;font:800 8.5px Consolas,monospace;font-style:normal}#ng100-command section button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}#ng100-command section button>small{color:#71869a;font:700 8.5px Consolas,monospace;white-space:nowrap}.ng100-command-empty{padding:24px;color:#718397;text-align:center;font-size:11px}
#ng100-command footer{height:28px;display:flex;align-items:center;gap:14px;padding:0 10px;border-top:1px solid #263746;background:#0b131b!important;color:#65798d;font:700 8px Consolas,monospace}
@media(max-width:620px){#ng100-command{padding-top:6vh}#ng100-command kbd{display:none}#ng100-command section button{grid-template-columns:28px minmax(0,1fr)}#ng100-command section button>small{display:none}}
@media(prefers-reduced-motion:reduce){#ng100-command,#ng100-command>div{transition:none!important}}