feat(FN-4925): complete Step 4 — fix mobile dev server layout overlap

Fusion-Task-Id: FN-4925
Fusion-Task-Lineage: 31fe1419-89df-4d8b-b7fe-7a872801c665
This commit is contained in:
Fusion (runfusion.ai)
2026-05-17 13:54:29 -07:00
committed by gsxdsm
parent f00d732876
commit f25c83a37b

View File

@@ -580,18 +580,12 @@
align-items: flex-start;
}
.dev-server-header-actions {
width: 100%;
}
.devserver-preview-header {
.dev-server-header-title {
flex-wrap: wrap;
}
.devserver-preview-actions {
.dev-server-header-actions {
width: 100%;
margin-left: 0;
justify-content: flex-end;
}
.dev-server-content {
@@ -599,16 +593,24 @@
flex-direction: column;
}
.dev-server-section {
padding: var(--space-md);
max-width: none;
}
.devserver-preview-header {
flex-wrap: wrap;
}
.devserver-preview-url-badge {
flex: 1 1 auto;
order: 2;
flex: 1 1 100%;
min-width: 0;
max-width: 100%;
}
.devserver-preview-actions {
order: 3;
width: 100%;
margin-left: 0;
justify-content: flex-end;
@@ -624,6 +626,17 @@
flex-wrap: wrap;
}
.dev-server-candidate-command {
flex: 1 1 100%;
max-width: 100%;
white-space: normal;
word-break: break-word;
}
.dev-server-candidate-source {
margin-left: 0;
}
.dev-server-config {
max-height: min(48vh, calc(var(--space-2xl) * 13));
}