detailing based on notion

This commit is contained in:
amirhouieh 2023-08-28 20:01:02 +02:00
parent 1be47766a5
commit 8975e192b7
3 changed files with 14 additions and 2 deletions

View File

@ -105,6 +105,7 @@ export default function NavBar({ defaultState }: NavBarProps) {
}
const PressLogoType = styled(Typography)<{ display: boolean }>`
text-transform: uppercase;
${(props) =>
!props.display &&
css`

View File

@ -244,6 +244,12 @@ PostCard.styles = {
${PostCardShowDetails.styles.large(theme)}
}
&.post-card__search-explore {
.post-card__title h3 {
${lsdUtils.typography('h6')}
}
}
${lsdUtils.breakpoint(theme, 'md', 'down')} {
.post-card__title-text {
${lsdUtils.typography('h5')}
@ -394,6 +400,10 @@ PostCard.styles = {
}
}
&.post-card__search-explore {
opacity: 0.5;
}
&.post-card__search-result {
.post-card__subtitle {
grid-area: info;
@ -445,6 +455,7 @@ PostCard.styles = {
.post-card__title h3 {
${lsdUtils.typography('h6')}
}
&.top-post {
.post-card__title h3 {
${lsdUtils.typography('h4')}

View File

@ -108,8 +108,8 @@ export const SearchResultsExploreView = (props: Props) => {
),
authors: [],
}}
size={'medium'}
contentType={result.type as LPE.PostType}
className={'post-card__search-explore'}
/>
)
case LPE.ContentTypes.Article:
@ -123,8 +123,8 @@ export const SearchResultsExploreView = (props: Props) => {
coverImage: null,
authors: [],
}}
size={'medium'}
contentType={result.type as LPE.PostType}
className={'post-card__search-explore'}
/>
)
case LPE.ContentTypes.Image: