From 4a40e1faf477c4e779b78f55ac1604eeb52b2499 Mon Sep 17 00:00:00 2001 From: Evan You Date: Mon, 15 Feb 2021 16:49:03 -0500 Subject: [PATCH] fix(theme-default): avoid ad image distortion on mobile --- src/client/theme-default/components/CarbonAds.vue | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/client/theme-default/components/CarbonAds.vue b/src/client/theme-default/components/CarbonAds.vue index 719b43be6937..bc4f97b29173 100644 --- a/src/client/theme-default/components/CarbonAds.vue +++ b/src/client/theme-default/components/CarbonAds.vue @@ -59,7 +59,7 @@ onMounted(() => { .carbon-ads :deep(.carbon-img) { float: left; margin-right: 0.75rem; - max-width: 100px; + max-width: 110px; border: 1px solid var(--c-divider); } @@ -75,6 +75,7 @@ onMounted(() => { .carbon-ads :deep(.carbon-img img) { display: block; width: 100%; + height: auto; } @media (min-width: 420px) {