add title to StepList
This commit is contained in:
parent
6de9d4f6c7
commit
3a5508cdb5
2 changed files with 11 additions and 2 deletions
|
|
@ -3,13 +3,15 @@ interface Step {
|
||||||
title: string;
|
title: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
const { steps, currentStep } = Astro.props as {
|
const { steps, currentStep, title } = Astro.props as {
|
||||||
steps: Step[];
|
steps: Step[];
|
||||||
currentStep: number;
|
currentStep: number;
|
||||||
|
title: String;
|
||||||
};
|
};
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="step-box">
|
<div class="step-box">
|
||||||
|
<h2>{title}</h2>
|
||||||
<ol class="steps">
|
<ol class="steps">
|
||||||
{
|
{
|
||||||
steps.map((step, i) => (
|
steps.map((step, i) => (
|
||||||
|
|
@ -33,6 +35,11 @@ const { steps, currentStep } = Astro.props as {
|
||||||
max-width: 400px; /* optional, keeps it compact */
|
max-width: 400px; /* optional, keeps it compact */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.step-box h2 {
|
||||||
|
font-size: 1em;
|
||||||
|
padding-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.steps {
|
.steps {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,14 @@
|
||||||
---
|
---
|
||||||
import StepList from "./StepList.astro";
|
import StepList from "./StepList.astro";
|
||||||
|
|
||||||
const { currentStep } = Astro.props;
|
const { currentStep, title } = Astro.props;
|
||||||
---
|
---
|
||||||
|
|
||||||
<StepList
|
<StepList
|
||||||
|
title="Todo list for receiving emails"
|
||||||
steps={[
|
steps={[
|
||||||
{ title: "DNS records point to your server" },
|
{ title: "DNS records point to your server" },
|
||||||
|
{ title: "Get a certificate from Let's Encrypt" },
|
||||||
{ title: "Postfix fetches information from MariaDB" },
|
{ title: "Postfix fetches information from MariaDB" },
|
||||||
{ title: "Postfix hands over emails to Dovecot" },
|
{ title: "Postfix hands over emails to Dovecot" },
|
||||||
{ title: "Dovecot saves the email to disk" },
|
{ title: "Dovecot saves the email to disk" },
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue