diff --git a/static/js/portico/landing-page.js b/static/js/portico/landing-page.js index 6413740753..195e962025 100644 --- a/static/js/portico/landing-page.js +++ b/static/js/portico/landing-page.js @@ -96,6 +96,7 @@ const apps_events = function () { $download_from_apple_app_store.attr("href", version_info.app_store_link); $download_android_apk.attr("href", version_info.download_link); $download_mac_arm64.attr("href", version_info.mac_arm64_link); + $(".image img").addClass(`app-screenshot-${version_info.app_type}`); $(".image img").attr("src", version_info.image); $download_instructions.find("a").attr("href", version_info.install_guide); diff --git a/static/styles/portico/landing_page.css b/static/styles/portico/landing_page.css index d62c730d4e..cfe2825bb5 100644 --- a/static/styles/portico/landing_page.css +++ b/static/styles/portico/landing_page.css @@ -2025,14 +2025,7 @@ nav { max-width: 600px; } -.portico-landing.apps - .hero - .image - img[src="/static/images/app-screenshots/zulip-android.png"], -.portico-landing.apps - .hero - .image - img[src="/static/images/app-screenshots/zulip-iphone-rough.png"] { +.portico-landing.apps .hero .image img.app-screenshot-mobile { height: 85%; }