diff --git a/packages/web/components/nav-containers/home.tsx b/packages/web/components/nav-containers/home.tsx index 38cc00ae8..41e353b87 100644 --- a/packages/web/components/nav-containers/home.tsx +++ b/packages/web/components/nav-containers/home.tsx @@ -47,6 +47,7 @@ export function HomeContainer(): JSX.Element { bg: '$readerBg', pt: '45px', minHeight: '100vh', + minWidth: '320px', }} > @@ -368,6 +369,7 @@ const TimeAgo = (props: HomeItemViewProps): JSX.Element => { fontWeight: 'medium', fontFamily: '$inter', color: '$homeTextSubtle', + flexShrink: '0', }} > {timeAgo(props.homeItem.date)} @@ -382,7 +384,7 @@ const Title = (props: HomeItemViewProps): JSX.Element => { distribution="start" alignment="center" css={{ - mb: '5px', + mb: '6px', fontSize: '18px', lineHeight: '24px', fontWeight: '600', @@ -499,7 +501,7 @@ const JustAddedItemView = (props: HomeItemViewProps): JSX.Element => { css={{ width: '100%', gap: '5px', lineHeight: '1' }} > - + @@ -548,7 +550,9 @@ const TopicPickHomeItemView = (props: HomeItemViewProps): JSX.Element => { css={{ gap: '5px', lineHeight: '1', mb: '10px' }} > - + + + {props.homeItem.thumbnail && ( @@ -568,8 +572,6 @@ const TopicPickHomeItemView = (props: HomeItemViewProps): JSX.Element => { previewContent={props.homeItem.previewContent} maxLines="6" /> - - @@ -611,6 +613,7 @@ const QuickLinkHomeItemView = (props: HomeItemViewProps): JSX.Element => { gap: '5px', borderRadius: '5px', '&:hover': { + bg: '#007AFF10', cursor: 'pointer', }, '&:hover .title-text': { @@ -633,7 +636,7 @@ const QuickLinkHomeItemView = (props: HomeItemViewProps): JSX.Element => { > - + @@ -668,7 +671,14 @@ const SourceInfo = (props: HomeItemViewProps & SourceInfoProps) => ( {props.homeItem.source.icon && ( { width: '100%', borderBottom: '1px solid $thBorderColor', px: '0px', - pb: '25px', + pb: '15px', }} alignment="start" distribution="start" @@ -331,7 +331,7 @@ const Shortcuts = (props: NavigationMenuProps): JSX.Element => { fontFamily: '$display', fontSize: '14px', lineHeight: '125%', - color: '$thLibraryMenuPrimary', + color: '$homeTextSubtle', mb: '10px', px: '15px', }}