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

Add files via upload

Browse Source
This commit is contained in:
Tomáš Dvořák
2025-05-27 13:18:24 +02:00
committed by GitHub
parent 5ad56a3f0e
commit 910e87cb70
2 changed files with 62 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+11 -6
View File
@@ -33,15 +33,18 @@
if (!bannerContainer || !bannerContent) return;
// Apply styles
// Apply styles to container
bannerContainer.style.borderRadius = (banner.style.borderRadius ? `${banner.style.borderRadius}px` : '8px');
// Apply styles to content
Object.assign(bannerContent.style, {
backgroundColor: banner.style.backgroundColor || '#f8d7da',
color: banner.style.textColor || '#721c24',
textAlign: banner.style.textAlign || 'center',
fontSize: banner.style.fontSize || '18px',
padding: banner.style.padding || '20px',
fontSize: banner.style.fontSize ? `${banner.style.fontSize}px` : '18px',
padding: banner.style.padding ? `${banner.style.padding}px` : '20px',
margin: banner.style.margin ? `${banner.style.margin}px 0` : '20px 0',
borderRadius: banner.style.borderRadius || '8px',
borderRadius: banner.style.borderRadius ? `${banner.style.borderRadius}px` : '8px',
boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
display: 'block'
});
@@ -49,9 +52,11 @@
// Handle image
let content = banner.text || '';
if (banner.image) {
// Apply the same border radius to the image as to the container
const imageRadius = Math.max(parseInt(banner.style.borderRadius || '4'), 0);
content = `
<div style="margin-bottom: 15px;">
<img src="${banner.image}" style="max-width: 100%; max-height: 200px; border-radius: 4px;">
<div style="margin-bottom: 15px; text-align: ${banner.style.textAlign || 'center'};">
<img src="${banner.image}" style="max-width: 100%; max-height: 200px; border-radius: ${imageRadius}px;">
</div>
${content}
`;