diff --git a/.changeset/honest-teams-shave.md b/.changeset/honest-teams-shave.md index cf5c4b9987..931cfd2f63 100644 --- a/.changeset/honest-teams-shave.md +++ b/.changeset/honest-teams-shave.md @@ -7,4 +7,3 @@ Export ContentModal from `@backstage/plugin-home-react` so people can use this i Made QuickStartCard `docsLinkTitle` prop more flexible to allow for any React.JSX.Element instead of just a string. Added QuickStartCard prop `additionalContent` which can eventually replace the prop `video`. -Remove unused styles. diff --git a/plugins/home/src/homePageComponents/QuickStart/styles.ts b/plugins/home/src/homePageComponents/QuickStart/styles.ts index 8cc8c291c4..f6f93f7070 100644 --- a/plugins/home/src/homePageComponents/QuickStart/styles.ts +++ b/plugins/home/src/homePageComponents/QuickStart/styles.ts @@ -23,7 +23,8 @@ export type QuickStartCardClassKey = | 'contentModal' | 'imageSize' | 'link' - | 'linkText'; + | 'linkText' + | 'videoContainer'; export const useStyles = makeStyles( (theme: Theme) => ({ @@ -56,6 +57,12 @@ export const useStyles = makeStyles( linkText: { marginBottom: theme.spacing(1.5), }, + videoContainer: { + borderRadius: '10px', + width: '100%', + height: 'auto', + background: `${theme.palette.background.default}`, + }, }), { name: 'HomeQuickStartCard' }, );