Improve port forwarding panel UI: larger table font, no scroll cap on Step 3

Agent-Logs-Url: https://github.com/naturallaw777/staging_alpha/sessions/7fc0a8b1-1f5b-489c-8e6a-8cf9ed628ccf

Co-authored-by: naturallaw777 <99053422+naturallaw777@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-04-03 21:08:58 +00:00
committed by GitHub
parent ab5494f4ad
commit 9d5e30ea83
3 changed files with 10 additions and 6 deletions

View File

@@ -1862,6 +1862,10 @@ button.btn-reboot:hover:not(:disabled) {
overflow-y: auto; overflow-y: auto;
} }
.onboarding-card--ports {
overflow-y: visible;
}
.onboarding-body-text { .onboarding-body-text {
font-size: 0.92rem; font-size: 0.92rem;
color: var(--text-secondary); color: var(--text-secondary);
@@ -2121,13 +2125,13 @@ button.btn-reboot:hover:not(:disabled) {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
margin-top: 10px; margin-top: 10px;
font-size: 0.82rem; font-size: 0.92rem;
} }
.onboarding-port-table th { .onboarding-port-table th {
text-align: left; text-align: left;
padding: 4px 8px; padding: 6px 10px;
font-size: 0.72rem; font-size: 0.8rem;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.06em; letter-spacing: 0.06em;
color: var(--text-dim); color: var(--text-dim);
@@ -2135,7 +2139,7 @@ button.btn-reboot:hover:not(:disabled) {
} }
.onboarding-port-table td { .onboarding-port-table td {
padding: 4px 8px; padding: 8px 10px;
vertical-align: top; vertical-align: top;
} }

View File

@@ -99,7 +99,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--scroll" id="step-3-body"> <div class="onboarding-card onboarding-card--ports" id="step-3-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">

View File

@@ -99,7 +99,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--scroll" id="step-3-body"> <div class="onboarding-card onboarding-card--ports" id="step-3-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">