fix scrolling 8px (#135)

ChapterCount Header has a top margin of 8px that wasn't accounted for
2022-02-23 18:51:46 +00:00
parent 20b0e66093
commit 55a3f8ed23
1 changed files with 2 additions and 2 deletions
--- a/src/components/chapter/ChapterList.tsx
+++ b/src/components/chapter/ChapterList.tsx
@@ -27,8 +27,8 @@ const CustomVirtuoso = styled(Virtuoso)(({ theme }) => ({
    minHeight: '200px',
    [theme.breakpoints.up('md')]: {
        width: '50vw',
-        // 64px for the Appbar, 40px for the ChapterCount Header
-        height: 'calc(100vh - 64px - 40px)',
+        // 64px for the Appbar, 48px for the ChapterCount Header
+        height: 'calc(100vh - 64px - 48px)',
        margin: 0,
    },
 }));