Split desktop and mobile layouts with shared page data so APIs fetch once per context.
Add layout shells, desktop views, module-level page caches, and UI fixes for auth, home, wallet, transactions, address, and related pages. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -2,9 +2,29 @@
|
||||
@import (less) './fonts.less';
|
||||
@import (less) './ant.less';
|
||||
@import (less) './boursecu-theme.less';
|
||||
@import (less) '../../layouts/styles/desktop-shell.less';
|
||||
@import (less) '../../layouts/styles/mobile-frame.less';
|
||||
@import (less) '../../views/login/desktop/styles/desktop-auth.less';
|
||||
@import (less) '../../views/base/user/desktop/styles/desktop-user.less';
|
||||
@import (less) '../../views/base/products/desktop/styles/desktop-products.less';
|
||||
@import (less) '../../views/base/transactions/desktop/styles/desktop-transactions.less';
|
||||
@import (less) '../../views/base/wallet/desktop/styles/desktop-wallet.less';
|
||||
@import (less) '../../views/base/priceTrigger/desktop/styles/desktop-price-trigger.less';
|
||||
@import (less) '../../views/base/about/desktop/styles/desktop-about.less';
|
||||
@import (less) '../../views/base/rules/desktop/styles/desktop-rules.less';
|
||||
@import (less) '../../views/base/rules/permissions/desktop/styles/desktop-permissions.less';
|
||||
@import (less) '../../views/base/giftCard/desktop/styles/desktop-gift-card.less';
|
||||
@import (less) '../../views/base/address/desktop/styles/desktop-address.less';
|
||||
@import (less) '../../views/base/educate/desktop/styles/desktop-educate.less';
|
||||
@import (less) '../../views/base/aboutUs/desktop/styles/desktop-about-us.less';
|
||||
@import (less) '../../views/base/earnMoney/desktop/styles/desktop-earn-money.less';
|
||||
@import (less) '../../views/base/physicalReceive/desktop/styles/desktop-physical-receive.less';
|
||||
@import (less) '../../views/base/fund/desktop/styles/desktop-fund.less';
|
||||
@import (less) '../../views/base/gold/desktop/styles/desktop-gold.less';
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
background-color: @prefixCls-background-color;
|
||||
}
|
||||
|
||||
body {
|
||||
@@ -34,7 +54,7 @@ body {
|
||||
@apply flex justify-center relative;
|
||||
position: relative;
|
||||
}
|
||||
@media screen and (min-width: 426px) {
|
||||
@media screen and (min-width: 426px) and (max-width: 767.98px) {
|
||||
.van-popup--bottom.van-popup--round {
|
||||
width: 426px;
|
||||
left: calc(50vw - 213px);
|
||||
@@ -44,10 +64,31 @@ body {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
@media screen and (min-width: 426px) {
|
||||
width: 100%;
|
||||
max-width: 100vw;
|
||||
box-sizing: border-box;
|
||||
|
||||
@media screen and (min-width: 426px) and (max-width: 767.98px) {
|
||||
width: 426px;
|
||||
left: auto;
|
||||
max-width: 426px;
|
||||
left: 50%;
|
||||
right: auto;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
html.app-layout--desktop {
|
||||
@media screen and (min-width: 426px) {
|
||||
.van-popup--bottom.van-popup--round {
|
||||
width: min(480px, calc(100vw - var(--app-desktop-sidebar-width, 260px) - 48px));
|
||||
left: calc(
|
||||
(100vw - var(--app-desktop-sidebar-width, 260px) - min(480px, calc(100vw - var(--app-desktop-sidebar-width, 260px) - 48px))) / 2
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
#goftino_w {
|
||||
right: calc(var(--app-desktop-sidebar-width, 260px) + 20px) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user