make dark mode work

This commit is contained in:
Christoph Haas 2025-08-24 23:52:49 +02:00
parent 6a6f5c32b7
commit b97d7b03da
2 changed files with 7 additions and 5 deletions

View file

@ -11,7 +11,7 @@ const { steps, currentStep, title } = Astro.props as {
--- ---
<div class="step-box"> <div class="step-box">
<h2>{title}</h2> <div class="step-title">{title}</div>
<ol class="steps"> <ol class="steps">
{ {
steps.map((step, i) => ( steps.map((step, i) => (
@ -35,9 +35,10 @@ const { steps, currentStep, title } = Astro.props as {
max-width: 400px; /* optional, keeps it compact */ max-width: 400px; /* optional, keeps it compact */
} }
.step-box h2 { .step-box .step-title {
font-size: 1em; font-size: 1.2em;
padding-bottom: 1em; padding-bottom: 0.6em;
font-weight: 500;
} }
.steps { .steps {

View file

@ -1,7 +1,7 @@
--- ---
import StepList from "./StepList.astro"; import StepList from "./StepList.astro";
const { currentStep, title } = Astro.props; const { currentStep } = Astro.props;
--- ---
<StepList <StepList
@ -10,6 +10,7 @@ const { currentStep, title } = Astro.props;
{ title: "DNS records point to your server" }, { title: "DNS records point to your server" },
{ title: "Get a certificate from Let's Encrypt" }, { title: "Get a certificate from Let's Encrypt" },
{ title: "Postfix fetches information from MariaDB" }, { title: "Postfix fetches information from MariaDB" },
{ title: "Dovecot 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" },
]} ]}