Merge pull request #2305 from shanberg/fix-dailynotes-page-height

fix: daily notes pages shouldn't get squished
athensresearch · Aug 24, 2022 · 69561e7 · 69561e7
2 parents b5f360d + c18e73d
commit 69561e7
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/js/components/Page/Page.tsx b/src/js/components/Page/Page.tsx
@@ -1,9 +1,9 @@
 import React from 'react';
 import {
   Button, VStack, Divider, Center, Box, Heading, Image, IconButton, ButtonGroup, FormControl, Input,
-  Tooltip, FormLabel, BoxProps, MenuGroup, MenuItem, MenuDivider
+  Tooltip, FormLabel, BoxProps, MenuGroup, MenuItem, MenuDivider, Text
 } from '@chakra-ui/react';
-import { ArrowRightOnBoxIcon, ArrowLeftOnBoxIcon, CalendarCircleFillIcon, CalendarTomorrowIcon, TemplateIcon, LinkedIcon } from '@/Icons/Icons';
+import { ArrowRightOnBoxIcon, ArrowLeftOnBoxIcon, CalendarCircleFillIcon, CalendarTomorrowIcon, TemplateIcon, LinkedIcon, CalendarIcon } from '@/Icons/Icons';
 import { useInView } from 'react-intersection-observer';
 import { withErrorBoundary } from "react-error-boundary";
 
@@ -208,7 +208,7 @@ export const DailyNotesList = (props: DailyNotesListProps) => {
     {boxProps.children}
     <DailyNotesPage isReal={false}>
       <Box ref={ref} />
-      <PageHeader overline="Daily Note">
+      <PageHeader overline={<Text as="span" display="flex" gap={1} alignItems="center"><CalendarIcon /> Daily Note</Text>}>
         <TitleContainer isEditing="false">Earlier</TitleContainer>
       </PageHeader>
     </DailyNotesPage>
@@ -230,6 +230,7 @@ export const DailyNotesPage = withErrorBoundary((props: DailyNotesPageProps) =>
       {...PAGE_PROPS}
       {...boxProps}
       ref={pageRef}
+      flex="0 0 auto"
       className="node-page daily-notes"
       minHeight="calc(100vh - 4rem)"
       boxShadow="page"