From a40c63cb41725b7d980e2f59fad72be014daed8c Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 13 Mar 2023 14:45:00 +0800
Subject: [PATCH] Set a min height for library and reader so when small content
 is display the full screen is always used

---
 packages/web/components/templates/article/ArticleContainer.tsx  | 1 +
 .../web/components/templates/homeFeed/HomeFeedContainer.tsx     | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/packages/web/components/templates/article/ArticleContainer.tsx b/packages/web/components/templates/article/ArticleContainer.tsx
index d4e425542..174f74f4e 100644
--- a/packages/web/components/templates/article/ArticleContainer.tsx
+++ b/packages/web/components/templates/article/ArticleContainer.tsx
@@ -281,6 +281,7 @@ export function ArticleContainer(props: ArticleContainerProps): JSX.Element {
         css={{
           padding: '30px',
           paddingTop: '80px',
+          minHeight: '100vh',
           maxWidth: `${styles.maxWidthPercentage ?? 100}%`,
           background: props.isAppleAppEmbed
             ? 'unset'
diff --git a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
index 60bc3863b..fdd2fcbe9 100644
--- a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
+++ b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
@@ -794,6 +794,7 @@ function LibraryItemsLayout(props: LibraryItemsLayoutProps): JSX.Element {
         distribution="start"
         css={{
           height: '100%',
+          minHeight: '100vh',
         }}
       >
         <Toaster />
@@ -914,6 +915,7 @@ function LibraryItemsLayout(props: LibraryItemsLayoutProps): JSX.Element {
             </div>
           )}
         </Dropzone>
+        {/* <Box css={{ width: '10px', height: '100vh' }} /> */}
       </VStack>
 
       {props.showAddLinkModal && (