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,