make dark mode work
This commit is contained in:
parent
6a6f5c32b7
commit
b97d7b03da
2 changed files with 7 additions and 5 deletions
|
|
@ -11,7 +11,7 @@ const { steps, currentStep, title } = Astro.props as {
|
|||
---
|
||||
|
||||
<div class="step-box">
|
||||
<h2>{title}</h2>
|
||||
<div class="step-title">{title}</div>
|
||||
<ol class="steps">
|
||||
{
|
||||
steps.map((step, i) => (
|
||||
|
|
@ -35,9 +35,10 @@ const { steps, currentStep, title } = Astro.props as {
|
|||
max-width: 400px; /* optional, keeps it compact */
|
||||
}
|
||||
|
||||
.step-box h2 {
|
||||
font-size: 1em;
|
||||
padding-bottom: 1em;
|
||||
.step-box .step-title {
|
||||
font-size: 1.2em;
|
||||
padding-bottom: 0.6em;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.steps {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
import StepList from "./StepList.astro";
|
||||
|
||||
const { currentStep, title } = Astro.props;
|
||||
const { currentStep } = Astro.props;
|
||||
---
|
||||
|
||||
<StepList
|
||||
|
|
@ -10,6 +10,7 @@ const { currentStep, title } = Astro.props;
|
|||
{ title: "DNS records point to your server" },
|
||||
{ title: "Get a certificate from Let's Encrypt" },
|
||||
{ title: "Postfix fetches information from MariaDB" },
|
||||
{ title: "Dovecot fetches information from MariaDB" },
|
||||
{ title: "Postfix hands over emails to Dovecot" },
|
||||
{ title: "Dovecot saves the email to disk" },
|
||||
]}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue