Files
rohitg00__agentmemory/website/components/Install.module.css
Rohit Ghumare a2a2af936e feat: MCP version negotiation, translation sync, skills, mobile fix (#1211)
* fix: negotiate MCP protocolVersion instead of hardcoding 2024-11-05

* docs: sync 11 README translations with v0.9.29 English rework

* feat: memory-discipline and lesson skills for proactive memory use

* fix: bump remaining skill-count claims to 17

* fix: mobile install-box overflow and stale compare counts

* chore: regenerate website meta snapshot

* fix: honest compare benchmarks and scrollable mobile table

* docs: refine lesson skill wording and context block copy

* fix: compare table reads generated meta, focusable scroll region

* fix: render each lesson as a single context line
2026-08-15 23:05:55 +01:00

96 lines
1.7 KiB
CSS

.install {
padding: 112px 0;
border-top: 1px solid var(--hairline);
}
.cards {
max-width: 1000px;
margin: 0 auto 56px;
padding: 0 40px;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 28px;
}
.step {
display: grid;
gap: 10px;
}
.stepLabel {
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 1.4px;
color: var(--mute);
text-transform: uppercase;
}
.box {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 16px;
align-items: center;
padding: 20px 26px;
background: var(--canvas-soft);
border: 1px solid var(--hairline);
border-radius: var(--radius-card);
color: var(--body);
font-family: var(--font-mono);
font-size: 14px;
text-align: left;
width: 100%;
min-width: 0;
transition:
border-color 200ms ease,
background 200ms ease;
cursor: pointer;
}
.box:hover {
border-color: var(--border-ghost);
background: var(--canvas-card);
}
.boxCopied {
border-color: var(--ok) !important;
}
.boxCopied .hint {
color: var(--ok);
}
.prompt {
color: var(--sunset);
}
.cmd {
color: var(--ink);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
}
.hint {
color: var(--mute);
font-size: 10.5px;
letter-spacing: 1.2px;
text-transform: uppercase;
white-space: nowrap;
}
.cta {
display: flex;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
padding: 0 40px;
}
@media (max-width: 640px) {
.cards,
.cta {
padding: 0 20px;
}
.box {
grid-template-columns: auto minmax(0, 1fr);
padding: 18px 16px;
gap: 10px;
font-size: 13px;
}
.hint {
grid-column: 1 / -1;
font-size: 10px;
letter-spacing: 0.6px;
white-space: normal;
}
}