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:
saeed
2026-10-28 17:46:47 +03:30
co-authored by Cursor
parent 6fa31d3399
commit 6181940a6a
17 changed files with 115 additions and 200 deletions
@@ -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 {