Compare commits

3 Commits

Author SHA1 Message Date
Sovran_Systems
1a9e0825fc Merge pull request #137 from naturallaw777/copilot/fix-onboarding-visual-consistency
Fix onboarding wizard: consistent card styling, footer spacing, and password description
2026-04-07 19:43:02 -05:00
copilot-swe-agent[bot]
284a861927 Fix onboarding wizard: consistent card styling, footer spacing, and password description
Agent-Logs-Url: https://github.com/naturallaw777/staging_alpha/sessions/ce004fc7-c96f-4765-bc21-87ce579352d0

Co-authored-by: naturallaw777 <99053422+naturallaw777@users.noreply.github.com>
2026-04-08 00:39:45 +00:00
copilot-swe-agent[bot]
60084c292e Initial plan 2026-04-08 00:38:42 +00:00
2 changed files with 3 additions and 7 deletions

View File

@@ -153,10 +153,6 @@
scrollbar-color: var(--border-color) transparent; scrollbar-color: var(--border-color) transparent;
} }
.onboarding-card--ports {
overflow: visible;
}
/* Body text */ /* Body text */
.onboarding-body-text { .onboarding-body-text {
@@ -228,7 +224,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding-top: 4px; padding-top: 16px;
} }
.onboarding-btn-next { .onboarding-btn-next {

View File

@@ -78,7 +78,7 @@
<span class="onboarding-step-icon">🔒</span> <span class="onboarding-step-icon">🔒</span>
<h2 class="onboarding-step-title">Create Your Password</h2> <h2 class="onboarding-step-title">Create Your Password</h2>
<p class="onboarding-step-desc"> <p class="onboarding-step-desc">
Choose a strong password for your <strong>'free'</strong> user account. This will be your login password for the desktop, SSH, and the Hub. Choose a strong password for your <strong>'free'</strong> user account.
</p> </p>
</div> </div>
<div class="onboarding-card" id="step-2-body"> <div class="onboarding-card" id="step-2-body">
@@ -127,7 +127,7 @@
<strong>Ports 80 and 443 must be open for SSL certificates to work.</strong> <strong>Ports 80 and 443 must be open for SSL certificates to work.</strong>
</p> </p>
</div> </div>
<div class="onboarding-card onboarding-card--ports" id="step-4-body"> <div class="onboarding-card onboarding-card--scroll" id="step-4-body">
<p class="onboarding-loading">Checking ports…</p> <p class="onboarding-loading">Checking ports…</p>
</div> </div>
<div class="onboarding-footer"> <div class="onboarding-footer">