fix(user-app): repair mojibake Persian copy and drop phone-column shell
UTF-8 UI strings in product detail/cart were Latin-1-resaved; also remove the centred desktop phone frame so fixed chrome spans full width again. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -343,36 +343,8 @@ p {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
// Phone column width. On desktop the shell centres at this size so the app
|
||||
// does not stretch into a loose website layout. Tab bar already sat near 420.
|
||||
:root {
|
||||
--app-max-width: 430px;
|
||||
}
|
||||
|
||||
html, body {
|
||||
overscroll-behavior-y: contain;
|
||||
background: @page;
|
||||
}
|
||||
|
||||
@media (min-width: 431px) {
|
||||
html, body {
|
||||
// Side gutters behind the centred phone column (#app max-width).
|
||||
background: @canvasSoft !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Fixed overlays teleported to <body> (outside #app) — pin them to the same
|
||||
// column. Below --app-max-width, max(0, …) collapses to full bleed.
|
||||
.app-frame-x {
|
||||
left: max(0px, calc(50vw - (var(--app-max-width) / 2)));
|
||||
right: max(0px, calc(50vw - (var(--app-max-width) / 2)));
|
||||
width: auto;
|
||||
}
|
||||
|
||||
// Ant bottom drawers (order detail, status sheet) — same phone width, centred.
|
||||
.ant-drawer-bottom > .ant-drawer-content-wrapper {
|
||||
max-width: var(--app-max-width);
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.overflow-x-auto {
|
||||
|
||||
Reference in New Issue
Block a user