[resumes][fix] padding on pdf view in mobile

pull/434/head
Wu Peirong 3 years ago committed by peirong.wu
parent 7189916481
commit 03dc0c8c1b

@ -24,20 +24,15 @@ export default function ResumePdf({ url }: Props) {
setNumPages(pdf.numPages); setNumPages(pdf.numPages);
}; };
useEffect(() => { const onPageResize = () => {
const onPageResize = () => { setComponentWidth(
setComponentWidth( document.querySelector('#pdfView')?.getBoundingClientRect().width ?? 780,
document.querySelector('#pdfView')?.getBoundingClientRect().width ?? );
780, };
);
};
window.addEventListener('resize', onPageResize);
return () => { useEffect(() => {
window.removeEventListener('resize', onPageResize); onPageResize();
}; }, [pageWidth]);
}, []);
return ( return (
<div id="pdfView"> <div id="pdfView">

@ -85,7 +85,7 @@ export default function Pagination({
} }
if (lastAddedPage < current - pagePadding - 1) { if (lastAddedPage < current - pagePadding - 1) {
elements.push(<PaginationEllipsis />); elements.push(<PaginationEllipsis key="ellipse-1" />);
} }
for (let i = current - pagePadding; i <= current + pagePadding; i++) { for (let i = current - pagePadding; i <= current + pagePadding; i++) {
@ -93,7 +93,7 @@ export default function Pagination({
} }
if (lastAddedPage < end - pagePadding - 1) { if (lastAddedPage < end - pagePadding - 1) {
elements.push(<PaginationEllipsis />); elements.push(<PaginationEllipsis key="ellipse-2" />);
} }
for (let i = end - pagePadding; i <= end; i++) { for (let i = end - pagePadding; i <= end; i++) {

Loading…
Cancel
Save