nanovna-f-v3-docs/src/components/CommandTable.astro
Ryan Malloy a0394b0c56 NanoVNA-F V3 Starlight documentation site
Astro 5 + Starlight 0.37 docs site for the NanoVNA-F V3 portable
vector network analyzer. Content sourced from the extracted PDF user
guide and menu structure map.

- 38 MDX content pages organized in diataxis structure
  (getting-started, tutorials, how-to guides, reference)
- Steel blue/teal theme (#2d7d9a/#5bb8d4) distinct from NanoVNA-H
- 5 custom Astro components (CommandTable, MenuTree, SpecCard,
  ScreenRegion, CalibrationStep)
- 42 renamed screenshots from the user guide PDF extraction
- Docker deployment via Caddy behind caddy-docker-proxy
- Full console command reference (28 commands)
- Complete menu map with interactive tree component
2026-01-30 19:08:58 -07:00

74 lines
1.3 KiB
Plaintext

---
interface Command {
name: string;
syntax: string;
description: string;
}
interface Props {
commands: Command[];
}
const { commands } = Astro.props;
---
<div class="command-table-wrapper">
<table class="command-table">
<thead>
<tr>
<th>Command</th>
<th>Syntax</th>
<th>Description</th>
</tr>
</thead>
<tbody>
{commands.map((cmd) => (
<tr>
<td><code>{cmd.name}</code></td>
<td><code>{cmd.syntax}</code></td>
<td>{cmd.description}</td>
</tr>
))}
</tbody>
</table>
</div>
<style>
.command-table-wrapper {
overflow-x: auto;
margin: 1rem 0;
}
.command-table {
width: 100%;
border-collapse: collapse;
font-size: 0.9rem;
}
.command-table th {
background: var(--sl-color-gray-6);
font-weight: 600;
text-align: left;
padding: 0.6rem 0.8rem;
border-bottom: 2px solid var(--sl-color-gray-5);
}
.command-table td {
padding: 0.5rem 0.8rem;
border-bottom: 1px solid var(--sl-color-gray-5);
vertical-align: top;
}
.command-table tr:hover {
background: var(--sl-color-gray-7);
}
.command-table code {
font-size: 0.85em;
background: var(--sl-color-bg-inline-code);
padding: 0.1em 0.3em;
border-radius: 3px;
white-space: nowrap;
}
</style>