44r0n7/pi-kit
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases 10 Wiki Activity

Onboarding: center CTA, remove badges

Browse Source
This commit is contained in:
Aaron
2025-12-13 14:33:39 -05:00
parent 471e242427
commit 08cf472bf7
2 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pikit-web/onboarding/index.html
View File

@@ -19,12 +19,6 @@
can manage Pi-Kit safely. can manage Pi-Kit safely.
</p> </p>
<div class="badges">
<span class="badge"><span class="dot"></span> Local-only traffic</span>
<span class="badge"><span class="dot"></span> Covers the Pi-Kit dashboard</span>
<span class="badge"><span class="dot"></span> HTTPS ready once trusted</span>
</div>
<section class="actions"> <section class="actions">
<button id="continueBtn">Continue to secure dashboard</button> <button id="continueBtn">Continue to secure dashboard</button>
<a class="ghost" id="downloadCa" href="http://pikit.local/assets/pikit-ca.crt" download> <a class="ghost" id="downloadCa" href="http://pikit.local/assets/pikit-ca.crt" download>

10
pikit-web/onboarding/style.css
View File

@@ -99,9 +99,11 @@ p {
.actions { .actions {
display: flex; display: flex;
gap: 12px; flex-direction: column;
flex-wrap: wrap; align-items: center;
margin: 18px 0 12px; gap: 10px;
margin: 18px auto 14px;
width: min(360px, 100%);
} }
button, button,
@@ -130,6 +132,8 @@ a.ghost {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
color: var(--text); color: var(--text);
box-shadow: none; box-shadow: none;
width: 100%;
text-align: center;
} }
button.copy { button.copy {