refactor: remove step indicator dots from install wizard

This commit is contained in:
kolaente
2026-02-19 10:42:06 +01:00
parent 9e57b8e1e8
commit 833e6f4035
2 changed files with 0 additions and 14 deletions
-7
View File
@@ -8,13 +8,6 @@ import Layout from '../layouts/Layout.astro'
<p class="mt-4 text-lg text-gray-600 dark:text-gray-400">Get up and running in minutes.</p>
</div>
<!-- Step indicator -->
<div id="step-indicator" class="flex items-center justify-center gap-2 mb-12">
<span data-step-dot="1" class="w-3 h-3 rounded-full bg-primary"></span>
<span data-step-dot="2" class="w-3 h-3 rounded-full bg-gray-300 dark:bg-gray-600"></span>
<span data-step-dot="3" class="w-3 h-3 rounded-full bg-gray-300 dark:bg-gray-600"></span>
</div>
<!-- Step 1: Pick environment -->
<section id="step-1" class="wizard-step">
<h2 class="text-2xl font-display text-center mb-8">What environment are you installing on?</h2>
-7
View File
@@ -13,8 +13,6 @@ document.addEventListener('DOMContentLoaded', () => {
document.getElementById('step-2'),
document.getElementById('step-3'),
]
const dots = document.querySelectorAll('[data-step-dot]')
// Environments that skip step 2
const singleMethodEnvs = {
freebsd: 'native',
@@ -26,11 +24,6 @@ document.addEventListener('DOMContentLoaded', () => {
steps.forEach((s, i) => {
s.classList.toggle('hidden', i !== n)
})
dots.forEach((d, i) => {
d.classList.toggle('bg-primary', i <= n)
d.classList.toggle('bg-gray-300', i > n)
d.classList.toggle('dark:bg-gray-600', i > n)
})
window.scrollTo({ top: 0, behavior: 'smooth' })
}