unimore/triennale-appunti-steffo
unimore/triennale-appunti-steffo
1
Fork 0
mirror of https://github.com/Steffo99/unisteffo.git synced 2024-11-28 19:04:18 +00:00
Code Activity

🔧 Fix image margin

Browse source
This commit is contained in:
Steffo 2021-07-11 10:23:08 +02:00
parent 7f912efbca
commit 164e5dd83c
Signed by: steffo
GPG key ID: 6965406171929D01
2 changed files with 13 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Image.js
View file

@ -6,10 +6,10 @@ import classNames from "classnames"
export default function Image({ src, description, className, ...props }) { export default function Image({ src, description, className, ...props }) {
return ( return (
<Paragraph> <div className={Style.ImageContainer}>
<Anchor href={src}> <Anchor href={src}>
<img alt={`[${description}]`} title={description} src={src} className={classNames(Style.Image, className)} {...props}/> <img alt={`[${description}]`} title={description} src={src} className={classNames(Style.Img, className)} {...props}/>
</Anchor> </Anchor>
</Paragraph> </div>
) )
} }

11
src/components/Image.module.css
View file

@ -1,3 +1,12 @@
.Image { .ImageContainer {
width: 100%;
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
margin-top: 4px;
}
.Img {
max-width: 100%; max-width: 100%;
} }