refactor(website): remove Access from tools panel from plugins catalog

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
Copilot-Session: 80686fef-efe3-4cdd-8cd6-bfa61a5d0af6
This commit is contained in:
Aaron Powell
2026-08-17 14:20:56 +10:00
parent 28201bfe30
commit 8c99585181
2 changed files with 0 additions and 97 deletions
@@ -296,40 +296,6 @@ export function PluginsCatalog({
</aside>
<Box className={styles.catalogMain}>
<Box className={styles.accessPanel} data-mode={colorMode}>
<p className={styles.accessTitle}>Access from tools</p>
<ul className={styles.accessList}>
<li className={styles.accessItem}>
<Text as="span" size="200" className={styles.accessDesc}>
<span className={styles.accessLabel}>GitHub Copilot CLI</span>
{" — Type "}
<code className={styles.accessCode}>
/plugin marketplace browse awesome-copilot
</code>{" "}
in a Copilot session
</Text>
</li>
<li className={styles.accessItem}>
<Text as="span" size="200" className={styles.accessDesc}>
<span className={styles.accessLabel}>VS Code</span>
{" — Type "}
<code className={styles.accessCode}>@agentPlugins</code> in the
Extensions search view, or run{" "}
<code className={styles.accessCode}>Chat: Plugins</code>
</Text>
</li>
<li className={styles.accessItem}>
<Text as="span" size="200" className={styles.accessDesc}>
<span className={styles.accessLabel}>Install</span>
{" — "}
<code className={styles.accessCode}>
copilot plugin install &lt;plugin-name&gt;@awesome-copilot
</code>
</Text>
</li>
</ul>
</Box>
<Box className={styles.gridFrame} data-mode={colorMode}>
<Box className={styles.gridContent}>
<Grid
@@ -359,69 +359,6 @@
var(--brand-color-border-muted);
}
.accessPanel {
display: flex;
flex-direction: column;
gap: var(--base-size-16);
padding: 60px 60px var(--base-size-16);
}
.accessTitle {
margin: 0;
font-family: var(--brand-fontStack-monospace);
font-size: 14px;
font-weight: var(--brand-text-weight-regular);
text-transform: uppercase;
letter-spacing: var(--brand-text-letterSpacing-100);
color: var(--brand-color-text-muted);
}
.accessList {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
.accessItem {
display: flex;
align-items: center;
min-width: 0;
padding-block: var(--base-size-16);
border-block-start: var(--brand-borderWidth-thin) dashed
var(--brand-color-border-muted);
}
.accessItem:first-child {
border-block-start: none;
}
.accessLabel {
font-weight: var(--brand-heading-weight-500, 600);
color: var(--brand-color-text-default);
}
.accessDesc {
color: var(--brand-color-text-muted);
margin: 0;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.accessCode {
font-family: var(--brand-fontStack-monospace, monospace);
font-size: 0.85em;
padding: 0.15em 0.4em;
border-radius: var(--brand-borderRadius-medium);
background-color: var(--brand-color-border-muted);
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
color: var(--brand-color-text-default);
white-space: nowrap;
}
/* Full-bleed horizontal rule spanning the entire viewport width */
.rule {
width: 100%;