From 705d8801810320ad83ca5e7974127bce582b8259 Mon Sep 17 00:00:00 2001 From: reverend Date: Tue, 29 Sep 2020 21:48:20 +0200 Subject: [PATCH] Teaking image size --- components/04_Templates/placeDetail/_placeDetail.scss | 6 ++++-- public/main.css | 4 +++- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/components/04_Templates/placeDetail/_placeDetail.scss b/components/04_Templates/placeDetail/_placeDetail.scss index 020d390..182c6fa 100644 --- a/components/04_Templates/placeDetail/_placeDetail.scss +++ b/components/04_Templates/placeDetail/_placeDetail.scss @@ -1,8 +1,9 @@ .LP-PlaceDetail{ .LP-PlaceDetail__Image{ - width: 700px; - max-height: 500px; + max-width: 700px; + max-height: 500px; + width: 50%; @include RV-BoxShadow--simple($-grey); box-shadow: 0 0 10px $-grey; object-fit: cover; @@ -25,6 +26,7 @@ .LP-PlaceDetail__Image{ float: none; width: 100%; + max-width: unset; height: auto; margin: 0; padding: 0; diff --git a/public/main.css b/public/main.css index 286b3dd..82f8fa5 100644 --- a/public/main.css +++ b/public/main.css @@ -1673,8 +1673,9 @@ body { width: 100%; } } .LP-PlaceDetail .LP-PlaceDetail__Image { - width: 700px; + max-width: 700px; max-height: 500px; + width: 50%; box-shadow: 0 0 10px #565656; box-shadow: 0 0 10px #565656; object-fit: cover; @@ -1691,6 +1692,7 @@ body { .LP-PlaceDetail .LP-PlaceDetail__Header .LP-PlaceDetail__Image { float: none; width: 100%; + max-width: unset; height: auto; margin: 0; padding: 0;