fixes send to buttons, moves smooth rendering option
This commit is contained in:
parent
e32dfc8891
commit
5fb01c901f
4 changed files with 29 additions and 13 deletions
|
@ -132,6 +132,7 @@ body {
|
||||||
|
|
||||||
min-width: 360px;
|
min-width: 360px;
|
||||||
width: 360px;
|
width: 360px;
|
||||||
|
/* min-height: 250px; */
|
||||||
|
|
||||||
color: var(--c-text);
|
color: var(--c-text);
|
||||||
|
|
||||||
|
@ -182,7 +183,8 @@ body {
|
||||||
#page-overlay {
|
#page-overlay {
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
||||||
max-height: 400px;
|
min-height: 200px;
|
||||||
|
max-height: 600px;
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
13
index.html
13
index.html
|
@ -7,7 +7,7 @@
|
||||||
<link href="css/colors.css?v=f732f19" rel="stylesheet" />
|
<link href="css/colors.css?v=f732f19" rel="stylesheet" />
|
||||||
<link href="css/icons.css?v=e907764" rel="stylesheet" />
|
<link href="css/icons.css?v=e907764" rel="stylesheet" />
|
||||||
|
|
||||||
<link href="css/index.css?v=cf21c6a" rel="stylesheet" />
|
<link href="css/index.css?v=aaad3e5" rel="stylesheet" />
|
||||||
<link href="css/layers.css?v=92c0352" rel="stylesheet" />
|
<link href="css/layers.css?v=92c0352" rel="stylesheet" />
|
||||||
|
|
||||||
<link href="css/ui/generic.css?v=30837f8" rel="stylesheet" />
|
<link href="css/ui/generic.css?v=30837f8" rel="stylesheet" />
|
||||||
|
@ -194,13 +194,6 @@
|
||||||
value="0"
|
value="0"
|
||||||
step="1"
|
step="1"
|
||||||
onchange="changeMaskBlur()" />
|
onchange="changeMaskBlur()" />
|
||||||
<br />
|
|
||||||
<input
|
|
||||||
type="checkbox"
|
|
||||||
id="cbxSmooth"
|
|
||||||
checked
|
|
||||||
onchange="changeSmoothRendering()" />
|
|
||||||
<label for="cbxSmooth">Smooth Rendering</label>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Save/load image section -->
|
<!-- Save/load image section -->
|
||||||
|
@ -251,7 +244,7 @@
|
||||||
<br />
|
<br />
|
||||||
<span id="version">
|
<span id="version">
|
||||||
<a href="https://github.com/zero01101/openOutpaint" target="_blank">
|
<a href="https://github.com/zero01101/openOutpaint" target="_blank">
|
||||||
Alpha release v0.0.15
|
Alpha release v0.0.15.1 (20230330.001)
|
||||||
</a>
|
</a>
|
||||||
<br />
|
<br />
|
||||||
<a
|
<a
|
||||||
|
@ -463,7 +456,7 @@
|
||||||
|
|
||||||
<!-- Content -->
|
<!-- Content -->
|
||||||
<script src="js/prompt.js?v=7a1c68c" type="text/javascript"></script>
|
<script src="js/prompt.js?v=7a1c68c" type="text/javascript"></script>
|
||||||
<script src="js/index.js?v=88a435f" type="text/javascript"></script>
|
<script src="js/index.js?v=e10fcb1" type="text/javascript"></script>
|
||||||
|
|
||||||
<script
|
<script
|
||||||
src="js/ui/floating/history.js?v=4f29db4"
|
src="js/ui/floating/history.js?v=4f29db4"
|
||||||
|
|
|
@ -844,7 +844,7 @@ function changeSyncCursorSize() {
|
||||||
|
|
||||||
function changeSmoothRendering() {
|
function changeSmoothRendering() {
|
||||||
const layers = document.getElementById("layer-render");
|
const layers = document.getElementById("layer-render");
|
||||||
if (document.getElementById("cbxSmooth").checked) {
|
if (localStorage.getItem("openoutpaint/settings.smooth") === "true") {
|
||||||
layers.classList.remove("pixelated");
|
layers.classList.remove("pixelated");
|
||||||
} else {
|
} else {
|
||||||
layers.classList.add("pixelated");
|
layers.classList.add("pixelated");
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
<link href="../css/colors.css?v=f732f19" rel="stylesheet" />
|
<link href="../css/colors.css?v=f732f19" rel="stylesheet" />
|
||||||
<link href="../css/icons.css?v=e907764" rel="stylesheet" />
|
<link href="../css/icons.css?v=e907764" rel="stylesheet" />
|
||||||
|
|
||||||
<link href="../css/index.css?v=cf21c6a" rel="stylesheet" />
|
<link href="../css/index.css?v=aaad3e5" rel="stylesheet" />
|
||||||
<link href="../css/layers.css?v=92c0352" rel="stylesheet" />
|
<link href="../css/layers.css?v=92c0352" rel="stylesheet" />
|
||||||
|
|
||||||
<link href="../css/ui/generic.css?v=30837f8" rel="stylesheet" />
|
<link href="../css/ui/generic.css?v=30837f8" rel="stylesheet" />
|
||||||
|
@ -132,6 +132,16 @@
|
||||||
<input id="autolayer" class="canvas-size-input" type="checkbox" />
|
<input id="autolayer" class="canvas-size-input" type="checkbox" />
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="title">Smooth Rendering</td>
|
||||||
|
<td class="input">
|
||||||
|
<input
|
||||||
|
id="cbxSmooth"
|
||||||
|
class="canvas-size-input"
|
||||||
|
type="checkbox"
|
||||||
|
onchange="changeSmoothRendering()" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
@ -142,6 +152,7 @@
|
||||||
const maxCfg = document.getElementById("max-cfg");
|
const maxCfg = document.getElementById("max-cfg");
|
||||||
const hrfixLiar = document.getElementById("hrfix-liar");
|
const hrfixLiar = document.getElementById("hrfix-liar");
|
||||||
const autolayer = document.getElementById("autolayer");
|
const autolayer = document.getElementById("autolayer");
|
||||||
|
const smoothRendering = document.getElementById("cbxSmooth");
|
||||||
|
|
||||||
function writeToLocalStorage() {
|
function writeToLocalStorage() {
|
||||||
localStorage.setItem(
|
localStorage.setItem(
|
||||||
|
@ -163,6 +174,10 @@
|
||||||
"openoutpaint/settings.autolayer",
|
"openoutpaint/settings.autolayer",
|
||||||
autolayer.checked
|
autolayer.checked
|
||||||
);
|
);
|
||||||
|
localStorage.setItem(
|
||||||
|
"openoutpaint/settings.smooth",
|
||||||
|
smoothRendering.checked
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Loads values from local storage
|
// Loads values from local storage
|
||||||
|
@ -186,6 +201,11 @@
|
||||||
: localStorage.getItem("openoutpaint/settings.autolayer") === "true";
|
: localStorage.getItem("openoutpaint/settings.autolayer") === "true";
|
||||||
autolayer.checked = _enable_autolayers;
|
autolayer.checked = _enable_autolayers;
|
||||||
|
|
||||||
|
let _enable_smooth =
|
||||||
|
localStorage.getItem("openoutpaint/settings.smooth") === null
|
||||||
|
? true
|
||||||
|
: localStorage.getItem("openoutpaint/settings.smooth") === "true";
|
||||||
|
|
||||||
writeToLocalStorage();
|
writeToLocalStorage();
|
||||||
|
|
||||||
canvasWidth.onchange = writeToLocalStorage;
|
canvasWidth.onchange = writeToLocalStorage;
|
||||||
|
@ -195,6 +215,7 @@
|
||||||
maxCfg.onchange = writeToLocalStorage;
|
maxCfg.onchange = writeToLocalStorage;
|
||||||
hrfixLiar.onchange = writeToLocalStorage;
|
hrfixLiar.onchange = writeToLocalStorage;
|
||||||
autolayer.onchange = writeToLocalStorage;
|
autolayer.onchange = writeToLocalStorage;
|
||||||
|
smoothRendering.onchange = writeToLocalStorage;
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in a new issue