diff --git a/README.md b/README.md index fe467d7..9d56aae 100644 --- a/README.md +++ b/README.md @@ -62,7 +62,7 @@ Better Canvas introduces improvements to the Canvas user interface: - custom side logo - widgets (music, timer) - fix darkmode fixer -- more card settings (Image Size, Roundness, Width, Space Between) +- more card settings (Image Size, Roundness, Width, Space Between) (in progress, to be theme compatible) - calender sync - update better todo list - better sidebar @@ -321,6 +321,10 @@ here is some proof the lisence was changed and this is based on the reverted MIT [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) +[![License: CC BY-NC-SA 4.0](https://img.shields.io/badge/License-CC_BY--NC--SA_4.0-lightgrey.svg)](https://creativecommons.org/licenses/by-nc-sa/4.0/) + +You can fork, modify, and use this code however you like with attributes, but no commercial use. + ![Better Canvas](/icon/icon-48.png) Copyright (c) 2026 Guy Sandler diff --git a/html/popup.html b/html/popup.html index 069a09b..a535a24 100644 --- a/html/popup.html +++ b/html/popup.html @@ -669,6 +669,33 @@
+
+

More Card Styles

+ +
+
+
+ Image Size + + px +
+
+
+
+ Card Roundness + + px +
+
+
+
+ Card Spacing + + px +
+
+
+

Missing cards?

diff --git a/js/background.js b/js/background.js index 84d7c26..1b84016 100644 --- a/js/background.js +++ b/js/background.js @@ -128,4 +128,4 @@ chrome.runtime.onInstalled.addListener(function () { }); }); -chrome.runtime.setUninstallURL("https://diditupe.dev/bettercanvas/goodbye"); +// chrome.runtime.setUninstallURL("https://diditupe.dev/bettercanvas/goodbye"); diff --git a/js/popup.js b/js/popup.js index 274cf85..c87802d 100644 --- a/js/popup.js +++ b/js/popup.js @@ -623,7 +623,19 @@ function setup() { "F": { "cutoff": 0, "gpa": 0 } }); }); - + + document.getElementById("imageSize").addEventListener("input", (e) => { + chrome.storage.sync.set({"imageSize": parseInt(e.target.value)}); + sendFromPopup("updateCardStyles", { imageSize: parseInt(e.target.value) }); + }) + document.getElementById("cardRoundness").addEventListener("input", (e) => { + chrome.storage.sync.set({"cardRoundness": parseInt(e.target.value)}); + sendFromPopup("updateCardStyles", { cardRoundness: parseInt(e.target.value) }); + }) + document.getElementById("cardSpacing").addEventListener("input", (e) => { + chrome.storage.sync.set({"cardSpacing": parseInt(e.target.value)}); + sendFromPopup("updateCardStyles", { cardSpacing: parseInt(e.target.value) }); + }) } function applyGPAPreset(bounds) {