Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: Commander1024:5137901948e792fb69ff6ef29da29ba25af16fbe
Branches Tags
Commander1024:master
Commander1024:linklist-add
..
compare: Commander1024:66a420741e31991e117b5a2f1c553943278fd4c1
Branches Tags
Commander1024:master
Commander1024:linklist-add

2 Commits
5137901948 ... 66a420741e

Author SHA1 Message Date
reverend
66a420741e image sizing tweaks 2020-09-29 21:52:09 +02:00
reverend
705d880181 Teaking image size 2020-09-29 21:48:20 +02:00
2 changed files with 13 additions and 9 deletions
Show Stats Expand all files Collapse all files

12
components/04_Templates/placeDetail/_placeDetail.scss
View File

@ -1,8 +1,9 @@
.LP-PlaceDetail{ .LP-PlaceDetail{
.LP-PlaceDetail__Image{ .LP-PlaceDetail__Image{
width: 700px; max-width: 700px;
max-height: 500px; max-height: 500px;
width: 50%;
@include RV-BoxShadow--simple($-grey); @include RV-BoxShadow--simple($-grey);
box-shadow: 0 0 10px $-grey; box-shadow: 0 0 10px $-grey;
object-fit: cover; object-fit: cover;
@ -12,9 +13,9 @@
padding: 0; padding: 0;
float: right; float: right;
margin-left: 35px; margin-left: $-spacing-medium;
margin-bottom: 35px; margin-bottom: $-spacing-medium;
margin-right: 35px; margin-right: $-spacing-medium;
overflow: hidden; overflow: hidden;
} }
} }
@ -25,6 +26,7 @@
.LP-PlaceDetail__Image{ .LP-PlaceDetail__Image{
float: none; float: none;
width: 100%; width: 100%;
max-width: unset;
height: auto; height: auto;
margin: 0; margin: 0;
padding: 0; padding: 0;

10
public/main.css
View File

@ -1673,8 +1673,9 @@ body {
width: 100%; } } width: 100%; } }
.LP-PlaceDetail .LP-PlaceDetail__Image { .LP-PlaceDetail .LP-PlaceDetail__Image {
width: 700px; max-width: 700px;
max-height: 500px; max-height: 500px;
width: 50%;
box-shadow: 0 0 10px #565656; box-shadow: 0 0 10px #565656;
box-shadow: 0 0 10px #565656; box-shadow: 0 0 10px #565656;
object-fit: cover; object-fit: cover;
@ -1682,15 +1683,16 @@ body {
margin: 0; margin: 0;
padding: 0; padding: 0;
float: right; float: right;
margin-left: 35px; margin-left: 25px;
margin-bottom: 35px; margin-bottom: 25px;
margin-right: 35px; margin-right: 25px;
overflow: hidden; } overflow: hidden; }
@media (max-width: 1000px) { @media (max-width: 1000px) {
.LP-PlaceDetail .LP-PlaceDetail__Header .LP-PlaceDetail__Image { .LP-PlaceDetail .LP-PlaceDetail__Header .LP-PlaceDetail__Image {
float: none; float: none;
width: 100%; width: 100%;
max-width: unset;
height: auto; height: auto;
margin: 0; margin: 0;
padding: 0; padding: 0;