diff --git a/packages/web/components/nav-containers/home.tsx b/packages/web/components/nav-containers/home.tsx index 3d1029ab8..981d0951c 100644 --- a/packages/web/components/nav-containers/home.tsx +++ b/packages/web/components/nav-containers/home.tsx @@ -123,7 +123,13 @@ const JustAddedHomeSection = (props: HomeSectionProps): JSX.Element => { }} > @@ -172,6 +178,9 @@ const JustAddedHomeSection = (props: HomeSectionProps): JSX.Element => { '::-webkit-scrollbar': { display: 'none', }, + '@mdDown': { + px: '20px', + }, }} distribution="start" alignment="start" @@ -199,6 +208,9 @@ const TopPicksHomeSection = (props: HomeSectionProps): JSX.Element => { fontSize: '16px', fontWeight: '600', color: '$homeTextTitle', + '@mdDown': { + px: '20px', + }, }} > {props.homeSection.title} @@ -222,9 +234,9 @@ const QuickLinksHomeSection = (props: HomeSectionProps): JSX.Element => { distribution="start" css={{ width: '100%', - gap: '20px', + gap: '10px', bg: '$thNavMenuFooter', - py: '30px', + py: '20px', px: '20px', borderRadius: '5px', }} @@ -449,7 +461,6 @@ const JustAddedItemView = (props: HomeItemViewProps): JSX.Element => { borderRadius: '5px', '&:hover': { bg: '$homeCardHover', - borderRadius: '0px', }, '&:hover .title-text': { textDecoration: 'underline', @@ -491,9 +502,11 @@ const TopicPickHomeItemView = (props: HomeItemViewProps): JSX.Element => { pt: '35px', cursor: 'pointer', borderRadius: '5px', + '@mdDown': { + borderRadius: '0px', + }, '&:hover': { bg: '$homeCardHover', - borderRadius: '0px', }, '&:hover .title-text': { textDecoration: 'underline', @@ -573,15 +586,18 @@ const QuickLinkHomeItemView = (props: HomeItemViewProps): JSX.Element => { return ( { const path = `/${props.viewerUsername ?? 'me'}/${props.homeItem.slug}` @@ -592,7 +608,17 @@ const QuickLinkHomeItemView = (props: HomeItemViewProps): JSX.Element => { } }} > - + + + + + + + <PreviewContent previewContent={props.homeItem.previewContent} diff --git a/packages/web/components/templates/navMenu/NavigationMenu.tsx b/packages/web/components/templates/navMenu/NavigationMenu.tsx index ebe18b1cd..16a28d20c 100644 --- a/packages/web/components/templates/navMenu/NavigationMenu.tsx +++ b/packages/web/components/templates/navMenu/NavigationMenu.tsx @@ -90,7 +90,6 @@ export function NavigationMenu(props: NavigationMenuProps): JSX.Element { top: props.showMenu ? '0' : '100%', visibility: props.showMenu ? 'visible' : 'hidden', }, - zIndex: 10, }} > <Box