fix(theme-default): avoid ad image distortion on mobile

4 years ago · 4a40e1faf4
parent 6ddcb99bff
commit 4a40e1faf4
1 changed files with 2 additions and 1 deletions
--- 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) {