simon/diy-startpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

got border settings working per-container

Browse Source
This commit is contained in:
Simon
2025-06-28 18:53:52 -04:00
parent 5daea090ed
commit b3380dac7f
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
startpage.html
+18 -9
View File
@@ -2154,19 +2154,28 @@
// BORDER // BORDER
function changeContainerBorderWidth(borderChange) { function changeContainerBorderWidth(borderChange) {
containerSettings.borderWidth = borderChange.target.value; let containerId = borderChange.target.id.split("-")[0];
document.getElementById("mainContainer").style.borderWidth = let container = containerDataMap.get(containerId);
containerSettings.borderWidth + "px";
container.containerSettings.borderWidth = borderChange.target.value;
document.getElementById(containerId).style.borderWidth =
container.containerSettings.borderWidth + "px";
} }
function changeContainerBorderRadius(radiusChange) { function changeContainerBorderRadius(radiusChange) {
containerSettings.borderRadius = radiusChange.target.value; let containerId = radiusChange.target.id.split("-")[0];
document.getElementById("mainContainer").style.borderRadius = let container = containerDataMap.get(containerId);
containerSettings.borderRadius + "px";
container.containerSettings.borderRadius = radiusChange.target.value;
document.getElementById(containerId).style.borderRadius =
container.containerSettings.borderRadius + "px";
} }
function changeContainerBorderColor(colorChange) { function changeContainerBorderColor(colorChange) {
containerSettings.borderColor = colorChange.target.value; let containerId = colorChange.target.id.split("-")[0];
document.getElementById("mainContainer").style.borderColor = let container = containerDataMap.get(containerId);
containerSettings.borderColor;
container.containerSettings.borderColor = colorChange.target.value;
document.getElementById(containerId).style.borderColor =
container.containerSettings.borderColor;
} }
// CLOCK // CLOCK
function changeClockColor(colorChange) { function changeClockColor(colorChange) {