TDvorak/PPve
1
0
Fork 0
mirror of https://github.com/Dvorinka/PPve.git synced 2026-06-03 20:12:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

f

Browse Source
This commit is contained in:
Tomas Dvorak
2025-05-29 10:14:29 +02:00
parent 126c325c2c
commit 98211ee8ee
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+10 -6
View File
@@ -81,16 +81,19 @@
const bannerImage = banner.image || banner.Image || ''; const bannerImage = banner.image || banner.Image || '';
if (bannerImage) { if (bannerImage) {
const imageUrl = bannerImage.startsWith('http') ? bannerImage : bannerImage; // Ensure the image URL is correct (add leading slash if missing)
let imageUrl = bannerImage.startsWith('http') ? bannerImage :
bannerImage.startsWith('/') ? bannerImage : `/${bannerImage}`;
// Use default dimensions if not specified or 0 // Use default dimensions if not specified or 0
const imageWidth = (style.imageWidth && style.imageWidth > 0) ? style.imageWidth : 300; const imageWidth = (style.imageWidth && style.imageWidth > 0) ? style.imageWidth : 'auto';
const imageHeight = (style.imageHeight && style.imageHeight > 0) ? style.imageHeight : 'auto'; const imageHeight = (style.imageHeight && style.imageHeight > 0) ? style.imageHeight : 'auto';
// Create image element with styles // Create image element with styles
const imgStyle = ` const imgStyle = `
max-width: 100%; max-width: 100%;
height: ${imageHeight === 'auto' ? 'auto' : imageHeight + 'px'}; height: ${imageHeight === 'auto' ? 'auto' : imageHeight + 'px'};
width: ${imageWidth}px; ${imageWidth !== 'auto' ? `width: ${imageWidth}px;` : 'width: auto;'}
object-fit: contain; object-fit: contain;
border-radius: ${borderRadius}px; border-radius: ${borderRadius}px;
${imagePosition === 'left' ? 'float: left; margin: 0 20px 10px 0;' : ''} ${imagePosition === 'left' ? 'float: left; margin: 0 20px 10px 0;' : ''}
@@ -188,12 +191,13 @@
} }
// Close the banner content container // Close the banner content container
content += '</div>';
bannerContent.innerHTML = content; bannerContent.innerHTML = content;
bannerContainer.style.display = 'block';
// Log the content for debugging
console.log('Banner content:', content);
// Ensure the banner is visible // Ensure the banner is visible
bannerContainer.style.display = 'block';
bannerContainer.style.visibility = 'visible'; bannerContainer.style.visibility = 'visible';
bannerContainer.style.opacity = '1'; bannerContainer.style.opacity = '1';