[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 ?? document.querySelector('#pdfView')?.getBoundingClientRect().width ?? 780,
780,
); );
}; };
window.addEventListener('resize', onPageResize); useEffect(() => {
onPageResize();
return () => { }, [pageWidth]);
window.removeEventListener('resize', onPageResize);
};
}, []);
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