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

vuejs · Feb 15, 2021 · 4a40e1f · 4a40e1f
1 parent 6ddcb99
commit 4a40e1f
Showing 1 changed file with 2 additions and 1 deletion.
diff --git 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) {