diff options
Diffstat (limited to 'src/components/molecules/layout')
| -rw-r--r-- | src/components/molecules/layout/branding.tsx | 4 | ||||
| -rw-r--r-- | src/components/molecules/layout/card.module.scss | 1 | ||||
| -rw-r--r-- | src/components/molecules/layout/card.tsx | 19 |
3 files changed, 5 insertions, 19 deletions
diff --git a/src/components/molecules/layout/branding.tsx b/src/components/molecules/layout/branding.tsx index 9a82a74..b351f12 100644 --- a/src/components/molecules/layout/branding.tsx +++ b/src/components/molecules/layout/branding.tsx @@ -94,8 +94,8 @@ const Branding: FC<BrandingProps> = ({ ref={titleRef} > {withLink ? ( - <Link href="/"> - <a className={styles.link}>{title}</a> + <Link className={styles.link} href="/"> + {title} </Link> ) : ( title diff --git a/src/components/molecules/layout/card.module.scss b/src/components/molecules/layout/card.module.scss index 6065642..42e9192 100644 --- a/src/components/molecules/layout/card.module.scss +++ b/src/components/molecules/layout/card.module.scss @@ -18,7 +18,6 @@ } .cover { - align-self: flex-start; place-content: center; height: fun.convert-px(150); margin: auto; diff --git a/src/components/molecules/layout/card.tsx b/src/components/molecules/layout/card.tsx index c48bc18..d03b8b7 100644 --- a/src/components/molecules/layout/card.tsx +++ b/src/components/molecules/layout/card.tsx @@ -2,9 +2,7 @@ import ButtonLink from '@components/atoms/buttons/button-link'; import Heading, { type HeadingLevel } from '@components/atoms/headings/heading'; import { type Image } from '@ts/types/app'; import { FC } from 'react'; -import ResponsiveImage, { - type ResponsiveImageProps, -} from '../images/responsive-image'; +import ResponsiveImage from '../images/responsive-image'; import styles from './card.module.scss'; import Meta, { type MetaData } from './meta'; @@ -18,10 +16,6 @@ export type CardProps = { */ cover?: Image; /** - * The cover fit. Default: cover. - */ - coverFit?: ResponsiveImageProps['objectFit']; - /** * The card id. */ id: string; @@ -55,7 +49,6 @@ export type CardProps = { const Card: FC<CardProps> = ({ className = '', cover, - coverFit = 'cover', id, meta, tagline, @@ -71,13 +64,7 @@ const Card: FC<CardProps> = ({ > <article className={styles.article}> <header className={styles.header}> - {cover && ( - <ResponsiveImage - {...cover} - objectFit={coverFit} - className={styles.cover} - /> - )} + {cover && <ResponsiveImage {...cover} className={styles.cover} />} <Heading alignment="center" className={styles.title} @@ -87,7 +74,7 @@ const Card: FC<CardProps> = ({ {title} </Heading> </header> - <div className={styles.tagline}>{tagline}</div> + {tagline && <div className={styles.tagline}>{tagline}</div>} {meta && ( <footer className={styles.footer}> <Meta |
