From df19f1b42172f1c39655a469722d84ea15c3cdaf Mon Sep 17 00:00:00 2001 From: DD Liu Date: Tue, 15 Jun 2021 03:49:41 -0400 Subject: [PATCH 1/3] Adjust thumbnail css --- src/views/studio/studio.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/views/studio/studio.scss b/src/views/studio/studio.scss index 250681e40..cfc5029cf 100644 --- a/src/views/studio/studio.scss +++ b/src/views/studio/studio.scss @@ -150,9 +150,11 @@ $radius: 8px; .studio-image { width: 300px; - height: 225px; - object-fit: cover; + height: 195px; + object-fit: stretch; border-radius: 8px; + background: white; + border: 2px solid rgba(0, 0, 0, 0.15); } .studio-follow-button { From a344f1280df2303194692088697f39033b24eae2 Mon Sep 17 00:00:00 2001 From: Eric Rosenbaum Date: Tue, 15 Jun 2021 12:16:04 -0400 Subject: [PATCH 2/3] style fixes --- src/views/studio/studio.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/studio/studio.scss b/src/views/studio/studio.scss index cfc5029cf..608b13af9 100644 --- a/src/views/studio/studio.scss +++ b/src/views/studio/studio.scss @@ -151,9 +151,9 @@ $radius: 8px; .studio-image { width: 300px; height: 195px; - object-fit: stretch; border-radius: 8px; background: white; + box-sizing: border-box; border: 2px solid rgba(0, 0, 0, 0.15); } From 6bbc62c5e3d2b5100c1f91feeb8a72ab50f6fcd7 Mon Sep 17 00:00:00 2001 From: Eric Rosenbaum Date: Tue, 15 Jun 2021 12:16:33 -0400 Subject: [PATCH 3/3] thumbnail in report matches main thumbnail style --- src/views/studio/modals/studio-report-modal.scss | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/views/studio/modals/studio-report-modal.scss b/src/views/studio/modals/studio-report-modal.scss index fe7b1538c..2449ff143 100644 --- a/src/views/studio/modals/studio-report-modal.scss +++ b/src/views/studio/modals/studio-report-modal.scss @@ -75,9 +75,12 @@ } .studio-report-tile-image { - border-radius: 0.5rem; - max-width: 130px; - max-height: 100px; + width: 150px; + height: 98px; + border-radius: 4px; + background: white; + box-sizing: border-box; + border: 2px solid rgba(0, 0, 0, 0.15); } .studio-report-selected {