diff --git a/plugins/qeta-react/src/components/ArticleContent/ArticleContent.tsx b/plugins/qeta-react/src/components/ArticleContent/ArticleContent.tsx index fd53accc..e1ffbc38 100644 --- a/plugins/qeta-react/src/components/ArticleContent/ArticleContent.tsx +++ b/plugins/qeta-react/src/components/ArticleContent/ArticleContent.tsx @@ -10,6 +10,7 @@ import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip'; import { ArticleButtons } from './ArticleButtons'; import { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities'; import { CommentSection } from '../CommentSection/CommentSection'; +import { WarningPanel } from '@backstage/core-components'; export type QetaArticleContentClassKey = | 'content' @@ -30,6 +31,11 @@ export const useStyles = makeStyles( headerImage: { marginBottom: '1rem', marginTop: '1rem', + height: '250px', + objectFit: 'cover', + width: '100%', + border: `1px solid ${theme.palette.background.paper}`, + boxShadow: theme.shadows[1], }, commentSection: { borderBottom: `1px solid ${theme.palette.background.paper}`, @@ -56,7 +62,9 @@ export const ArticleContent = (props: { }; if (post.type !== 'article') { - return null; + return ( + + ); } return ( @@ -66,7 +74,7 @@ export const ArticleContent = (props: { diff --git a/plugins/qeta-react/src/utils/hooks.ts b/plugins/qeta-react/src/utils/hooks.ts index 0061a893..fd9dd504 100644 --- a/plugins/qeta-react/src/utils/hooks.ts +++ b/plugins/qeta-react/src/utils/hooks.ts @@ -417,9 +417,13 @@ export const useStyles = makeStyles( theme => { return { headerImage: { + marginTop: '1rem', + marginBottom: '1rem', width: '100%', height: '250px', objectFit: 'cover', + border: `1px solid ${theme.palette.background.paper}`, + boxShadow: theme.shadows[1], }, successColor: { color: theme.palette.success.main,