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

yyx990803 · yyx990803 · commit 4a40e1faf477 · 2021-02-15T16:49:03.000-05:00
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) {

Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,7 @@ onMounted(() => {`
`59`	`59`	`.carbon-ads :deep(.carbon-img) {`
`60`	`60`	`float: left;`
`61`	`61`	`margin-right: 0.75rem;`
`62`		`- max-width: 100px;`
	`62`	`+ max-width: 110px;`
`63`	`63`	`border: 1px solid var(--c-divider);`
`64`	`64`	`}`
`65`	`65`
`@@ -75,6 +75,7 @@ onMounted(() => {`
`75`	`75`	`.carbon-ads :deep(.carbon-img img) {`
`76`	`76`	`display: block;`
`77`	`77`	`width: 100%;`
	`78`	`+ height: auto;`
`78`	`79`	`}`
`79`	`80`
`80`	`81`	`@media (min-width: 420px) {`