[ads] add better padding and labels

This commit is contained in:
Andrea Vos 2023-02-20 21:38:29 +01:00
parent d454f00363
commit 7ca477d0e8
2 changed files with 19 additions and 2 deletions

View File

@ -6,12 +6,14 @@
<Debug :v="adConfig"/> <Debug :v="adConfig"/>
</template> </template>
<ins v-else class="adsbygoogle" <ins v-else class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8518361481036191" data-ad-client="ca-pub-8518361481036191"
:data-ad-slot="adConfig.slotId" :data-ad-slot="adConfig.slotId"
:data-ad-format="adConfig.adFormat" :data-ad-format="adConfig.adFormat"
:data-ad-layout="adConfig.adLayout" :data-ad-layout="adConfig.adLayout"
:data-full-width-responsive="adConfig.responsive ? 'true' : ''"></ins> :data-full-width-responsive="adConfig.responsive ? 'true' : ''"
role="alert"
:data-label="$t('support.ad')"
>aaa</ins>
</div> </div>
</template> </template>
@ -58,4 +60,18 @@ export default {
height: 200px; height: 200px;
padding: 1em; padding: 1em;
} }
.adsbygoogle {
display:block;
&:not(:empty) {
padding-block-start: .5em;
padding-block-end: .5em;
text-decoration: none;
&:after {
content: attr(data-label);
display: block;
font-size: 0.7rem;
}
}
}
</style> </style>

View File

@ -664,6 +664,7 @@ support:
you can use the links below: you can use the links below:
bankAccount: 'Bank transfer' bankAccount: 'Bank transfer'
# bankAccountOwner: 'The account is the name of a project maintainer, Andrea Vos' # bankAccountOwner: 'The account is the name of a project maintainer, Andrea Vos'
ad: 'Ad'
user: user:
header: 'Account' header: 'Account'