akai/readest
2
1
Fork 1
Code Issues Pull Requests Actions 23 Packages Projects Releases Wiki Activity

ui: fix layout in mobile platforms (#371)

Browse Source
This commit is contained in:
Huang Xin
2025-02-14 00:19:25 +01:00
committed by GitHub
parent 95a69d6bdf
commit b33d85f439
6 changed files with 36 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/readest-app/src/hooks/usePullToRefresh.ts
+8 -2
View File
@@ -44,7 +44,10 @@ export const usePullToRefresh = (ref: React.RefObject<HTMLDivElement>, onTrigger
removePullIndicator(parentEl);
}
el.style.transform = `translateY(${appr(dy)}px)`;
const wrapper = el.querySelector('.transform-wrapper') as HTMLElement;
if (wrapper) {
wrapper.style.transform = `translate3d(0, ${appr(dy)}px, 0)`;
}
}
function addPullIndicator(el: HTMLDivElement) {
@@ -84,7 +87,10 @@ export const usePullToRefresh = (ref: React.RefObject<HTMLDivElement>, onTrigger
const el = ref.current;
if (!el) return;
el.style.transform = 'translateY(0)';
const wrapper = el.querySelector('.transform-wrapper') as HTMLElement;
if (wrapper) {
wrapper.style.transform = 'translateY(0)';
}
removePullIndicator(el.parentNode as HTMLDivElement);
el.style.transition = 'transform 0.2s';