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

feat: 💄 limit width of gallery and increase height on desktop

Browse source
This commit is contained in:
Sebin Nyshkim 2020-09-04 00:31:35 +02:00
parent 416086df7e
commit d087d0f0b3
1 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/Gallery.vue
View file

@ -44,14 +44,21 @@ export default {
<style lang="scss"> <style lang="scss">
@import "@scss/_variables.scss"; @import "@scss/_variables.scss";
@import "@scss/_mixins.scss";
.gallery { .gallery {
margin: auto;
@include mq-desktop {
max-width: 70em;
}
&__bigimage { &__bigimage {
width: 100%; width: 100%;
height: 40vh; height: 40vh;
@media (min-width: 35em) { @include mq-desktop {
height: 30em; height: 80vh;
} }
display: flex; display: flex;