SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: 💄 shrink images on desktop

Browse source
This commit is contained in:
Sebin Nyshkim 2021-03-25 01:36:34 +01:00
parent 3c1afafefa
commit 369bcc7899
1 changed files with 7 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/Figure.vue
View file

@ -18,18 +18,16 @@ export default {};
.figure { .figure {
margin: 1em auto; margin: 1em auto;
text-align: center;
@include mq-desktop {
max-width: 70em;
}
&__meta {
text-align: center;
}
img { img {
display: block;
width: 100%; width: 100%;
object-fit: contain;
@include mq-desktop {
max-width: 70em;
max-height: 80vh;
}
} }
label, label,