fix: add phone layout gutters
This commit is contained in:
@@ -1186,3 +1186,15 @@ body {
|
|||||||
font-size: 0.86rem;
|
font-size: 0.86rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Give phone UI real gutters so controls read as intentional, not clipped. */
|
||||||
|
@media (max-width: 520px) {
|
||||||
|
.app-shell {
|
||||||
|
width: min(100% - 2rem, 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-bar {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user