unimore/triennale-appunti-steffo
unimore/triennale-appunti-steffo
1
Fork 0
mirror of https://github.com/Steffo99/unisteffo.git synced 2024-11-25 01:14:21 +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 }) {
return (
<Paragraph>
<div className={Style.ImageContainer}>
<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>
</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%;
}