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:
committed by
gsxdsm
parent
f00d732876
commit
f25c83a37b
@@ -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));
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user