boursecu/boursecu_user
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix scroll

Browse Source
This commit is contained in:
mohmdsdg
2026-06-22 21:37:32 +03:30
parent eeca106906
commit d4f4c85a12
4 changed files with 23 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/components/ResponsiveViewPair.vue
+2 -2
View File
@@ -25,7 +25,7 @@ const isDesktop = useDesktopBreakpoint()
<style scoped> <style scoped>
.responsive-view-pair { .responsive-view-pair {
min-height: 100%; min-height: 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
@@ -34,7 +34,7 @@ const isDesktop = useDesktopBreakpoint()
} }
.responsive-view-pair__pane { .responsive-view-pair__pane {
min-height: 100%; min-height: 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
src/layouts/mobile/mobile-layout.less
+11 -2
View File
@@ -132,11 +132,20 @@
} }
.main-with-bottom-chrome { .main-with-bottom-chrome {
height: calc(100vh - 72px - var(--app-credit-footer-offset, 28px)); height: calc(100vh - var(--app-bottom-chrome-height, 108px));
overflow: hidden;
display: flex;
flex-direction: column;
} }
.main-with-bottom-chrome-inner { .main-with-bottom-chrome-inner {
height: calc(100vh - 72px - var(--app-credit-footer-offset, 28px)); flex: 1 1 auto;
min-height: 0;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: contain;
} }
.main-with-bottom-chrome--no-nav, .main-with-bottom-chrome--no-nav,
src/views/base/transactions/DefaultTransactionsPage.vue
+9 -3
View File
@@ -1,6 +1,6 @@
<template> <template>
<div> <div class="relative min-h-0 h-full">
<div class="absolute inset-0 bg-cover bg-center opacity-60"></div> <div class="pointer-events-none absolute inset-0 bg-cover bg-center opacity-60" aria-hidden="true"></div>
<div <div
class="bg-white w-full transaction-list py-3 px-3 font-bold drop-shadow flex justify-between z-10" class="bg-white w-full transaction-list py-3 px-3 font-bold drop-shadow flex justify-between z-10"
> >
@@ -8,7 +8,7 @@
<BasicIcon icon="vuesax-linear:filter" @click="showFilter = true" /> <BasicIcon icon="vuesax-linear:filter" @click="showFilter = true" />
</div> </div>
<div ref="el" :class="loading ? 'h-screen' : ''" class="px-3 pt-16 pb-10"> <div ref="el" class="transactions-page-body px-3 pt-16">
<list-anim v-if="!loading"> <list-anim v-if="!loading">
<Item v-for="item in items" :key="item.id" :item="item" /> <Item v-for="item in items" :key="item.id" :item="item" />
<div :ref="bindMobileObserver" v-show="!loading" class="w-full opacity-0 relative"> <div :ref="bindMobileObserver" v-show="!loading" class="w-full opacity-0 relative">
@@ -70,10 +70,16 @@ const {
position: fixed; position: fixed;
right: 0; right: 0;
left: 0; left: 0;
top: 0;
z-index: 10;
@media screen and (min-width: 426px) { @media screen and (min-width: 426px) {
width: 426px; width: 426px;
left: auto; left: auto;
right: auto; right: auto;
} }
} }
.transactions-page-body {
padding-bottom: calc(var(--app-bottom-chrome-height, 108px) + 1rem);
}
</style> </style>
src/views/base/transactions/index.vue
+1 -1
View File
@@ -35,7 +35,7 @@ useTransactionsPageProvider({ boursecu: isBoursecu })
<style scoped> <style scoped>
.transactions-page-root { .transactions-page-root {
min-height: 100%; min-height: 0;
height: 100%; height: 100%;
} }
</style> </style>