Commit 51145d62 authored by Mahmoud Aglan's avatar Mahmoud Aglan

fix: ad banner uses object-fit:contain to show full image without crop

Co-Authored-By: 's avatarClaude Opus 4.6 <noreply@anthropic.com>
parent 4274dea2
...@@ -893,7 +893,7 @@ async function loadAdBanner(el) { ...@@ -893,7 +893,7 @@ async function loadAdBanner(el) {
const wrapper = el.querySelector('#ad-banner-top'); const wrapper = el.querySelector('#ad-banner-top');
const content = el.querySelector('#ad-content'); const content = el.querySelector('#ad-content');
if (!wrapper || !content) return; if (!wrapper || !content) return;
content.innerHTML = `<img src="${res.image_url}" style="width:100%;height:100%;object-fit:cover;border-radius:12px;-webkit-mask-image:radial-gradient(ellipse 90% 85% at center,black 60%,transparent 100%);mask-image:radial-gradient(ellipse 90% 85% at center,black 60%,transparent 100%);">`; content.innerHTML = `<img src="${res.image_url}" style="width:100%;height:100%;object-fit:contain;border-radius:12px;-webkit-mask-image:radial-gradient(ellipse 90% 85% at center,black 60%,transparent 100%);mask-image:radial-gradient(ellipse 90% 85% at center,black 60%,transparent 100%);">`;
wrapper.style.display = 'flex'; wrapper.style.display = 'flex';
window.__adClick = () => { window.__adClick = () => {
if (res.click_url) window.open(res.click_url, '_blank'); if (res.click_url) window.open(res.click_url, '_blank');
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment