Onboarding: center CTA, remove badges
This commit is contained in:
@@ -19,12 +19,6 @@
|
||||
can manage Pi-Kit safely.
|
||||
</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">
|
||||
<button id="continueBtn">Continue to secure dashboard</button>
|
||||
<a class="ghost" id="downloadCa" href="http://pikit.local/assets/pikit-ca.crt" download>
|
||||
|
||||
@@ -99,9 +99,11 @@ p {
|
||||
|
||||
.actions {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
flex-wrap: wrap;
|
||||
margin: 18px 0 12px;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin: 18px auto 14px;
|
||||
width: min(360px, 100%);
|
||||
}
|
||||
|
||||
button,
|
||||
@@ -130,6 +132,8 @@ a.ghost {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: var(--text);
|
||||
box-shadow: none;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
button.copy {
|
||||
|
||||
Reference in New Issue
Block a user