Add custom overlay positioning and scaling options in configuration

This commit is contained in:
CodeDevMLH
2026-03-10 23:43:20 +01:00
parent bca2d577b9
commit b3b6296798
4 changed files with 40 additions and 8 deletions

View File

@@ -1035,8 +1035,9 @@
/* Custom Overlay Styling */
.custom-overlay-container {
position: absolute;
top: 8vh;
left: 4vw;
top: calc(8vh + var(--overlay-y, 0vh));
left: calc(4vw + var(--overlay-x, 0vw));
transform: scale(var(--overlay-scale, 1));
z-index: 15;
display: flex;
align-items: center;
@@ -1082,9 +1083,9 @@
@media only screen and (max-width: 767px) and (orientation: portrait) {
.custom-overlay-container {
top: 15vh;
left: 50%;
transform: translateX(-50%);
top: calc(15vh + var(--overlay-y, 0vh));
left: calc(50% + var(--overlay-x, 0vw));
transform: translateX(-50%) scale(var(--overlay-scale, 1));
width: 90%;
justify-content: center;
text-align: center;