Inpainted State Fix
This commit is contained in:
blessedcoolant
parent
b282421c98
commit
ca9e393989
@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"files": {
|
"files": {
|
||||||
"main.css": "/static/css/main.08f8fee9.chunk.css",
|
"main.css": "/static/css/main.1e5aabda.chunk.css",
|
||||||
"main.js": "/static/js/main.4e51b2a1.chunk.js",
|
"main.js": "/static/js/main.bc8bc9eb.chunk.js",
|
||||||
"runtime-main.js": "/static/js/runtime-main.5e86ac81.js",
|
"runtime-main.js": "/static/js/runtime-main.5e86ac81.js",
|
||||||
"static/js/2.9608d3ec.chunk.js": "/static/js/2.9608d3ec.chunk.js",
|
"static/js/2.9608d3ec.chunk.js": "/static/js/2.9608d3ec.chunk.js",
|
||||||
"index.html": "/index.html",
|
"index.html": "/index.html",
|
||||||
@ -11,7 +11,7 @@
|
|||||||
"entrypoints": [
|
"entrypoints": [
|
||||||
"static/js/runtime-main.5e86ac81.js",
|
"static/js/runtime-main.5e86ac81.js",
|
||||||
"static/js/2.9608d3ec.chunk.js",
|
"static/js/2.9608d3ec.chunk.js",
|
||||||
"static/css/main.08f8fee9.chunk.css",
|
"static/css/main.1e5aabda.chunk.css",
|
||||||
"static/js/main.4e51b2a1.chunk.js"
|
"static/js/main.bc8bc9eb.chunk.js"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
@ -1 +1 @@
|
|||||||
<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"/><meta name="theme-color" content="#ffffff"/><title>lama-cleaner - Image inpainting powered by LaMa</title><link href="/static/css/main.08f8fee9.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>"localhost"===location.hostname&&(self.FIREBASE_APPCHECK_DEBUG_TOKEN=!0)</script><script>!function(e){function r(r){for(var n,l,a=r[0],f=r[1],i=r[2],p=0,s=[];p<a.length;p++)l=a[p],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(c&&c(r);s.length;)s.shift()();return u.push.apply(u,i||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var f=t[a];0!==o[f]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var a=this["webpackJsonplama-cleaner"]=this["webpackJsonplama-cleaner"]||[],f=a.push.bind(a);a.push=r,a=a.slice();for(var i=0;i<a.length;i++)r(a[i]);var c=f;t()}([])</script><script src="/static/js/2.9608d3ec.chunk.js"></script><script src="/static/js/main.4e51b2a1.chunk.js"></script></body></html>
|
<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"/><meta name="theme-color" content="#ffffff"/><title>lama-cleaner - Image inpainting powered by LaMa</title><link href="/static/css/main.1e5aabda.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>"localhost"===location.hostname&&(self.FIREBASE_APPCHECK_DEBUG_TOKEN=!0)</script><script>!function(e){function r(r){for(var n,l,a=r[0],f=r[1],i=r[2],p=0,s=[];p<a.length;p++)l=a[p],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(c&&c(r);s.length;)s.shift()();return u.push.apply(u,i||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var f=t[a];0!==o[f]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var a=this["webpackJsonplama-cleaner"]=this["webpackJsonplama-cleaner"]||[],f=a.push.bind(a);a.push=r,a=a.slice();for(var i=0;i<a.length;i++)r(a[i]);var c=f;t()}([])</script><script src="/static/js/2.9608d3ec.chunk.js"></script><script src="/static/js/main.bc8bc9eb.chunk.js"></script></body></html>
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
1
lama_cleaner/app/build/static/js/main.bc8bc9eb.chunk.js
Normal file
1
lama_cleaner/app/build/static/js/main.bc8bc9eb.chunk.js
Normal file
File diff suppressed because one or more lines are too long
@ -56,7 +56,7 @@
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
padding: 1rem 4rem;
|
padding: 1rem 4rem;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-areas: 'toolkit-image-type toolkit-size-selector toolkit-brush-slider toolkit-btns';
|
grid-template-areas: 'toolkit-size-selector toolkit-brush-slider toolkit-btns';
|
||||||
column-gap: 2rem;
|
column-gap: 2rem;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: var(--editor-toolkit-bg);
|
background-color: var(--editor-toolkit-bg);
|
||||||
@ -67,7 +67,7 @@
|
|||||||
@include mobile {
|
@include mobile {
|
||||||
padding: 1rem 2rem;
|
padding: 1rem 2rem;
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
'toolkit-image-type toolkit-size-selector'
|
'toolkit-size-selector toolkit-size-selector'
|
||||||
'toolkit-brush-slider toolkit-brush-slider'
|
'toolkit-brush-slider toolkit-brush-slider'
|
||||||
'toolkit-btns toolkit-btns';
|
'toolkit-btns toolkit-btns';
|
||||||
row-gap: 2rem;
|
row-gap: 2rem;
|
||||||
@ -159,11 +159,3 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-type-tag {
|
|
||||||
@include accented-display(var(--yellow-accent));
|
|
||||||
grid-area: toolkit-image-type;
|
|
||||||
z-index: 2;
|
|
||||||
width: 100px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|||||||
@ -616,9 +616,6 @@ export default function Editor(props: EditorProps) {
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
<div className="editor-toolkit-panel">
|
<div className="editor-toolkit-panel">
|
||||||
<p className="image-type-tag">
|
|
||||||
{showOriginal ? 'Original' : 'Inpainted'}
|
|
||||||
</p>
|
|
||||||
<SizeSelector
|
<SizeSelector
|
||||||
onChange={onSizeLimitChange}
|
onChange={onSizeLimitChange}
|
||||||
originalWidth={original.naturalWidth}
|
originalWidth={original.naturalWidth}
|
||||||
@ -657,6 +654,7 @@ export default function Editor(props: EditorProps) {
|
|||||||
/>
|
/>
|
||||||
<Button
|
<Button
|
||||||
icon={<EyeIcon />}
|
icon={<EyeIcon />}
|
||||||
|
style={showOriginal ? { backgroundColor: 'rgb(255, 190, 0)' } : {}}
|
||||||
onDown={ev => {
|
onDown={ev => {
|
||||||
ev.preventDefault()
|
ev.preventDefault()
|
||||||
setShowOriginal(() => {
|
setShowOriginal(() => {
|
||||||
|
|||||||
@ -9,6 +9,7 @@ interface ButtonProps {
|
|||||||
onClick?: () => void
|
onClick?: () => void
|
||||||
onDown?: (ev: PointerEvent) => void
|
onDown?: (ev: PointerEvent) => void
|
||||||
onUp?: (ev: PointerEvent) => void
|
onUp?: (ev: PointerEvent) => void
|
||||||
|
style?: React.CSSProperties
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function Button(props: ButtonProps) {
|
export default function Button(props: ButtonProps) {
|
||||||
@ -21,6 +22,7 @@ export default function Button(props: ButtonProps) {
|
|||||||
onClick,
|
onClick,
|
||||||
onDown,
|
onDown,
|
||||||
onUp,
|
onUp,
|
||||||
|
style,
|
||||||
} = props
|
} = props
|
||||||
|
|
||||||
const blurOnClick = (e: React.MouseEvent<HTMLDivElement>) => {
|
const blurOnClick = (e: React.MouseEvent<HTMLDivElement>) => {
|
||||||
@ -31,6 +33,7 @@ export default function Button(props: ButtonProps) {
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
role="button"
|
role="button"
|
||||||
|
style={style}
|
||||||
onKeyDown={onKeyDown}
|
onKeyDown={onKeyDown}
|
||||||
onClick={blurOnClick}
|
onClick={blurOnClick}
|
||||||
onPointerDown={(ev: React.PointerEvent<HTMLDivElement>) => {
|
onPointerDown={(ev: React.PointerEvent<HTMLDivElement>) => {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user