Add responsive mobile layout, records cards, and tablet settings fold fix.
Mobile gets compact trade/records UI with detail modals; static assets are cache-busted and settings cards fold correctly on tablet grid layout. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
+11
-1
@@ -29,7 +29,9 @@
|
||||
}
|
||||
|
||||
function isMobileNav() {
|
||||
return window.matchMedia('(max-width: 767px)').matches;
|
||||
if (window.qihuoLayout && window.qihuoLayout.isPhone()) return true;
|
||||
return document.documentElement.dataset.mobile === '1'
|
||||
|| window.matchMedia('(max-width: 767px)').matches;
|
||||
}
|
||||
|
||||
toggle.addEventListener('click', function () {
|
||||
@@ -70,6 +72,14 @@
|
||||
if (!isMobileNav()) closeNav();
|
||||
});
|
||||
|
||||
if (window.qihuoLayout) {
|
||||
window.addEventListener('orientationchange', function () {
|
||||
setTimeout(function () {
|
||||
if (!isMobileNav()) closeNav();
|
||||
}, 150);
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener('keydown', function (e) {
|
||||
if (e.key === 'Escape') closeNav();
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user