KevinMidboe/leifsopplevelser
1
0
Fork 0
mirror of https://github.com/KevinMidboe/leifsopplevelser.git synced 2025-10-29 09:40:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Thumbnails are 300 pixels and large screens get 1400px width to work with

Browse Source
This commit is contained in:
Kevin
2019-03-03 23:49:48 +01:00
parent 4d3b74f6e1
commit eddc67d662
3 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Gallery.vue
View File

@@ -101,7 +101,7 @@ export default {
display: flex; display: flex;
width: 100%; width: 100%;
flex-direction: row; flex-direction: row;
justify-content: space-evenly; // justify-content: space-evenly;
flex-wrap: wrap; flex-wrap: wrap;
padding: 1rem 0; padding: 1rem 0;
} }

7
src/components/GalleryImage.vue
View File

@@ -53,10 +53,11 @@ export default {
} }
img { img {
max-height: 250px; max-height: 300px;
max-width: 250px; max-width: 300px;
width: 300px;
cursor: pointer; cursor: pointer;
margin: 0 0.5rem; margin: 0.6rem;
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
background-color: red; background-color: red;

4
src/scss/main.scss
View File

@@ -44,7 +44,7 @@ a {
// max-width: unset; // max-width: unset;
} }
@media screen and (min-width: 1100px) { @media screen and (min-width: 1400px) {
max-width: 1000px; max-width: 1400px;
} }
} }