xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-16 01:01:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update images

Browse Source
This commit is contained in:
Defectink
2022-04-22 17:48:12 +08:00
parent fabe003812
commit d15e402631
8 changed files with 39 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
components/mdx/Image.tsx
View File

@ -1,23 +1,12 @@
import NextImage from 'next/image';
import { DetailedHTMLProps, ImgHTMLAttributes } from 'react';
import styles from './Image.module.css';
import NextImage, { ImageProps } from 'next/image';
interface Props
extends DetailedHTMLProps<
ImgHTMLAttributes<HTMLImageElement>,
HTMLImageElement
> {}
interface Props extends ImageProps {}
const Image = ({ src, alt }: Props) => {
const Image = ({ alt, ...rest }: Props) => {
return (
<>
<span className={styles.imageContainer}>
<NextImage
src={src ?? ''}
alt={alt}
layout="fill"
className={styles.image}
/>
<span className="block text-center">
<NextImage alt={alt} {...rest} />
{alt && <span className="block text-center text-gray-400">{alt}</span>}
</span>
</>