From 75b009d81deeae8730edc24b45a877744a948b3f Mon Sep 17 00:00:00 2001 From: kaalibro Date: Sat, 16 Dec 2023 13:02:56 +0600 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20style:=20Style=20fixes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Remove some conflicting '!important' CSS flags. Make commas in Prompt Highlighter more prominent. Add txt2img/img2img Extra options group/accordion styling. Aspect Ratio extension style fixes. Popup max-height fix. --- javascript/main.js | 173 ++++++++++++------ src/features/Content/style.ts | 11 +- .../PromptHighlight/features/promptTheme.ts | 2 +- src/styles/components/extensions.ts | 44 ++++- src/styles/components/input.ts | 6 + src/styles/components/popup.ts | 84 +++++---- 6 files changed, 213 insertions(+), 107 deletions(-) diff --git a/javascript/main.js b/javascript/main.js index 9463827..019ccf1 100644 --- a/javascript/main.js +++ b/javascript/main.js @@ -1,4 +1,4 @@ -function e(e,t){for(var n=0;nr[t]})}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function r(e){if(e.__esModule)return e;var t=e.default;if("function"==typeof t){var n=function e(){return this instanceof e?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};n.prototype=t.prototype}else n={};return Object.defineProperty(n,"__esModule",{value:!0}),Object.keys(e).forEach((function(t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})})),n}var o={exports:{}},i={},a={exports:{}},l={},s=Symbol.for("react.element"),c=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),d=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),p=Symbol.for("react.provider"),h=Symbol.for("react.context"),g=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),b=Symbol.for("react.memo"),v=Symbol.for("react.lazy"),y=Symbol.iterator;var w={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},x=Object.assign,S={};function k(e,t,n){this.props=e,this.context=t,this.refs=S,this.updater=n||w}function C(){}function E(e,t,n){this.props=e,this.context=t,this.refs=S,this.updater=n||w}k.prototype.isReactComponent={},k.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},k.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},C.prototype=k.prototype;var O=E.prototype=new C;O.constructor=E,x(O,k.prototype),O.isPureReactComponent=!0;var D=Array.isArray,$=Object.prototype.hasOwnProperty,j={current:null},P={key:!0,ref:!0,__self:!0,__source:!0};function N(e,t,n){var r,o={},i=null,a=null;if(null!=t)for(r in void 0!==t.ref&&(a=t.ref),void 0!==t.key&&(i=""+t.key),t)$.call(t,r)&&!P.hasOwnProperty(r)&&(o[r]=t[r]);var l=arguments.length-2;if(1===l)o.children=n;else if(1r[t]})}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function r(e){if(e.__esModule)return e;var t=e.default;if("function"==typeof t){var n=function e(){return this instanceof e?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};n.prototype=t.prototype}else n={};return Object.defineProperty(n,"__esModule",{value:!0}),Object.keys(e).forEach((function(t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})})),n}var o={exports:{}},i={},a={exports:{}},l={},s=Symbol.for("react.element"),c=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),d=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),p=Symbol.for("react.provider"),h=Symbol.for("react.context"),g=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),b=Symbol.for("react.memo"),v=Symbol.for("react.lazy"),y=Symbol.iterator;var w={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},x=Object.assign,S={};function k(e,t,n){this.props=e,this.context=t,this.refs=S,this.updater=n||w}function C(){}function E(e,t,n){this.props=e,this.context=t,this.refs=S,this.updater=n||w}k.prototype.isReactComponent={},k.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},k.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},C.prototype=k.prototype;var O=E.prototype=new C;O.constructor=E,x(O,k.prototype),O.isPureReactComponent=!0;var D=Array.isArray,$=Object.prototype.hasOwnProperty,j={current:null},P={key:!0,ref:!0,__self:!0,__source:!0};function N(e,t,n){var r,o={},i=null,a=null;if(null!=t)for(r in void 0!==t.ref&&(a=t.ref),void 0!==t.key&&(i=""+t.key),t)$.call(t,r)&&!P.hasOwnProperty(r)&&(o[r]=t[r]);var l=arguments.length-2;if(1===l)o.children=n;else if(1>>1,i=e[r];if(!(0>>1;ro(s,n))co(u,s)?(e[r]=u,e[c]=n,r=c):(e[r]=s,e[l]=n,r=l);else{if(!(co(u,n)))break e;e[r]=u,e[c]=n,r=c}}}return t}function o(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;e.unstable_now=function(){return i.now()}}else{var a=Date,l=a.now();e.unstable_now=function(){return a.now()-l}}var s=[],c=[],u=1,d=null,f=3,p=!1,h=!1,g=!1,m="function"==typeof setTimeout?setTimeout:null,b="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function y(e){for(var o=n(c);null!==o;){if(null===o.callback)r(c);else{if(!(o.startTime<=e))break;r(c),o.sortIndex=o.expirationTime,t(s,o)}o=n(c)}}function w(e){if(g=!1,y(e),!h)if(null!==n(s))h=!0,I(x);else{var t=n(c);null!==t&&_(w,t.startTime-e)}}function x(t,o){h=!1,g&&(g=!1,b(E),E=-1),p=!0;var i=f;try{for(y(o),d=n(s);null!==d&&(!(d.expirationTime>o)||t&&!$());){var a=d.callback;if("function"==typeof a){d.callback=null,f=d.priorityLevel;var l=a(d.expirationTime<=o);o=e.unstable_now(),"function"==typeof l?d.callback=l:d===n(s)&&r(s),y(o)}else r(s);d=n(s)}if(null!==d)var u=!0;else{var m=n(c);null!==m&&_(w,m.startTime-o),u=!1}return u}finally{d=null,f=i,p=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var S,k=!1,C=null,E=-1,O=5,D=-1;function $(){return!(e.unstable_now()-De||125a?(r.sortIndex=i,t(c,r),null===n(s)&&r===n(c)&&(g?(b(E),E=-1):g=!0,_(w,i-a))):(r.sortIndex=l,t(s,r),h||p||(h=!0,I(x))),r},e.unstable_shouldYield=$,e.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}}(he),pe.exports=he;var ge=pe.exports,me=B,be=ge; +!function(e){function t(e,t){var n=e.length;e.push(t);e:for(;0>>1,i=e[r];if(!(0>>1;ro(s,n))co(u,s)?(e[r]=u,e[c]=n,r=c):(e[r]=s,e[l]=n,r=l);else{if(!(co(u,n)))break e;e[r]=u,e[c]=n,r=c}}}return t}function o(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;e.unstable_now=function(){return i.now()}}else{var a=Date,l=a.now();e.unstable_now=function(){return a.now()-l}}var s=[],c=[],u=1,d=null,f=3,p=!1,h=!1,g=!1,m="function"==typeof setTimeout?setTimeout:null,b="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function y(e){for(var o=n(c);null!==o;){if(null===o.callback)r(c);else{if(!(o.startTime<=e))break;r(c),o.sortIndex=o.expirationTime,t(s,o)}o=n(c)}}function w(e){if(g=!1,y(e),!h)if(null!==n(s))h=!0,_(x);else{var t=n(c);null!==t&&I(w,t.startTime-e)}}function x(t,o){h=!1,g&&(g=!1,b(E),E=-1),p=!0;var i=f;try{for(y(o),d=n(s);null!==d&&(!(d.expirationTime>o)||t&&!$());){var a=d.callback;if("function"==typeof a){d.callback=null,f=d.priorityLevel;var l=a(d.expirationTime<=o);o=e.unstable_now(),"function"==typeof l?d.callback=l:d===n(s)&&r(s),y(o)}else r(s);d=n(s)}if(null!==d)var u=!0;else{var m=n(c);null!==m&&I(w,m.startTime-o),u=!1}return u}finally{d=null,f=i,p=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var S,k=!1,C=null,E=-1,O=5,D=-1;function $(){return!(e.unstable_now()-De||125a?(r.sortIndex=i,t(c,r),null===n(s)&&r===n(c)&&(g?(b(E),E=-1):g=!0,I(w,i-a))):(r.sortIndex=l,t(s,r),h||p||(h=!0,_(x))),r},e.unstable_shouldYield=$,e.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}}(he),pe.exports=he;var ge=pe.exports,me=B,be=ge; /** * @license React * react-dom.production.min.js @@ -27,7 +27,7 @@ var U=B,V=Symbol.for("react.element"),G=Symbol.for("react.fragment"),q=Object.pr * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */function ve(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n