diff --git a/src/meta.js b/src/meta.js index 6c04b36..6c03fd8 100644 --- a/src/meta.js +++ b/src/meta.js @@ -1,7 +1,7 @@ // ==UserScript== // @name Wplace Overlay Pro // @namespace http://tampermonkey.net/ -// @version 3.0.0 +// @version 3.1.1 // @description Overlays tiles on wplace.live. Can also resize, and color-match your overlay to wplace's palette. Make sure to comply with the site's Terms of Service, and rules! This script is not affiliated with Wplace.live in any way, use at your own risk. This script is not affiliated with TamperMonkey. The author of this userscript is not responsible for any damages, issues, loss of data, or punishment that may occur as a result of using this script. This script is provided "as is" under GPLv3. // @author shinkonet // @match https://wplace.live/* diff --git a/src/ui/panel.ts b/src/ui/panel.ts index 1e04e2f..92a0e6e 100644 --- a/src/ui/panel.ts +++ b/src/ui/panel.ts @@ -67,23 +67,27 @@ export function createUI() { Positioning
- Offset X 0, Y 0
-
-
+
+
Place overlay: -
Click a pixel on the canvas to set the anchor.
+ Offset X 0, Y 0
-
-
- - - - +
+ +
+ + + + +
+
+
+
Click a pixel on the canvas to set the anchor.
diff --git a/src/ui/styles.ts b/src/ui/styles.ts index 7e68cc5..0a35d10 100644 --- a/src/ui/styles.ts +++ b/src/ui/styles.ts @@ -50,6 +50,9 @@ export function injectStyles() { .op-row { display: flex; align-items: center; gap: 8px; } .op-row.space { justify-content: space-between; } + .op-row.center { justify-content: center; text-align: center; } + .op-row-col { display: flex; flex-direction: column; gap: 4px; } + .space-between { justify-content: space-between; } .op-small-text { font-size: 11px; color: var(--op-muted); } .op-button { background: var(--op-btn); color: var(--op-text); border: 1px solid var(--op-btn-border); border-radius: 10px; padding: 6px 10px; cursor: pointer; }