pretty and build

ui/frontend/build_src/src/components/organisms/creationPanel/advancedSettings/advancedsettings.css.ts

@@ -29,9 +29,6 @@ export const MenuButton = style({
 });
 
 globalStyle(`${MenuButton}> h4`, {
-  color: '#e7ba71',
-  marginTop:"5px !important",
-
+  color: "#e7ba71",
+  marginTop: "5px !important",
 });
-
-

ui/frontend/build_src/src/components/organisms/creationPanel/advancedSettings/gpuSettings/index.tsx

@@ -1,10 +1,9 @@
 import React, { useState } from "react";
 import { useImageCreate } from "../../../../../store/imageCreateStore";
 
-import { MenuButton } 
-from //@ts-ignore
-'../advancedsettings.css.ts'
-
+import {
+  MenuButton, //@ts-ignore
+} from "../advancedsettings.css.ts";
 
 export default function GpuSettings() {
   const turbo = useImageCreate((state) => state.getValueForRequestKey("turbo"));
@@ -25,11 +24,7 @@ export default function GpuSettings() {
 
   return (
     <div>
-      <button
-        type="button"
-        className={MenuButton}
-        onClick={toggleGpuOpen}
-      >
+      <button type="button" className={MenuButton} onClick={toggleGpuOpen}>
         <h4>GPU Settings</h4>
       </button>
       {gpuOpen && (

ui/frontend/build_src/src/components/organisms/creationPanel/advancedSettings/improvementSettings/index.tsx

@@ -1,9 +1,9 @@
 import React, { useState } from "react";
 import { useImageCreate } from "../../../../../store/imageCreateStore";
 
-import { MenuButton } 
-from //@ts-ignore
-'../advancedsettings.css.ts';
+import {
+  MenuButton, //@ts-ignore
+} from "../advancedsettings.css.ts";
 
 export default function ImprovementSettings() {
   // these are conditionals that should be retired and inferred from the store

ui/frontend/build_src/src/components/organisms/creationPanel/advancedSettings/propertySettings/index.tsx

@@ -1,9 +1,9 @@
 import React, { useState } from "react";
 import { useImageCreate } from "../../../../../store/imageCreateStore";
 
-import { MenuButton } 
-from //@ts-ignore
-'../advancedsettings.css.ts'
+import {
+  MenuButton, //@ts-ignore
+} from "../advancedsettings.css.ts";
 // todo: move this someplace more global
 const IMAGE_DIMENSIONS = [
   { value: 128, label: "128 (*)" },
@@ -53,11 +53,7 @@ export default function PropertySettings() {
 
   return (
     <div>
-      <button
-        type="button"
-        className={MenuButton}
-        onClick={togglePropertyOpen}
-      >
+      <button type="button" className={MenuButton} onClick={togglePropertyOpen}>
         <h4>Property Settings</h4>
       </button>
       {propertyOpen && (

ui/frontend/build_src/src/components/organisms/creationPanel/advancedSettings/workflowSettings/index.tsx

@@ -1,10 +1,9 @@
 import React, { useState } from "react";
 import { useImageCreate } from "../../../../../store/imageCreateStore";
 
-import { MenuButton } 
-from //@ts-ignore
-'../advancedsettings.css.ts';
-
+import {
+  MenuButton, //@ts-ignore
+} from "../advancedsettings.css.ts";
 
 export default function WorkflowSettings() {
   const num_outputs = useImageCreate((state) =>
@@ -32,11 +31,7 @@ export default function WorkflowSettings() {
 
   return (
     <div>
-      <button
-        type="button"
-        className={MenuButton}
-        onClick={toggleWorkflowOpen}
-      >
+      <button type="button" className={MenuButton} onClick={toggleWorkflowOpen}>
         <h4>Workflow Settings</h4>
       </button>
       {workflowOpen && (

ui/frontend/build_src/src/components/organisms/displayPanel/index.tsx

@@ -103,7 +103,6 @@ export default function DisplayPanel() {
           <div id="previous-images">
             {completedImages.map((image, index) => {
               if (void 0 !== image) {
-                debugger;
                 if (index == 0) {
                   return null;
                 }

ui/frontend/build_src/src/styles.css.ts

@@ -19,7 +19,6 @@ globalStyle(`*`, {
   boxSizing: "border-box",
 });
 
-
 /** RESET  */
 globalStyle(`p, h3, h4`, {
   margin: 0,

ui/frontend/dist/index.css

@@ -1 +1 @@
-._1jvuph00{position:relative;width:100%;height:100%;pointer-events:auto;display:grid;background-color:#202124;grid-template-columns:400px 1fr;grid-template-rows:100px 1fr 50px;grid-template-areas:"header header header" "create display display" "create footer footer"}._1jvuph01{grid-area:header}._1jvuph02{grid-area:create;overflow:auto}._1jvuph03{grid-area:display;overflow:auto}._1jvuph04{grid-area:footer}@media screen and (max-width: 800px){._1jvuph00{grid-template-columns:1fr;grid-template-rows:100px 1fr 1fr 50px;grid-template-areas:"header" "create" "display" "footer"}}.starting{color:#f0ad4e}.error{color:#d9534f}.success{color:#5cb85c}.header-display{color:#fff;display:flex;align-items:center;justify-content:center}.status-display{margin-left:10px}.create-layout{padding:10px}.panel-box-toggle-btn{display:block;width:100%;text-align:left;background-color:transparent;color:#fff;border:0 none;cursor:pointer}.selected-tags{margin:10px 0}.selected-tags ul{margin:0;padding:0;display:flex;flex-wrap:wrap}li{list-style:none}.modifier-list{display:flex;flex-wrap:wrap;margin:0;padding:0}.modifierTag{display:inline-block;padding:6px;background-color:#264d8d;color:#fff;border-radius:5px;margin:5px}.modifierTag.selected{background-color:#830b79}.modifierTag p{margin:0}input[type=file]{color:transparent}.cjcdm20{position:relative;width:100%;height:100%;padding:0 10px}._1how28i0{position:relative;width:100%}._1how28i0>*{margin-bottom:10px}._1how28i1>p{font-size:1.5em;font-weight:700;margin-bottom:10px}._1how28i1>textarea{font-size:1.2em;font-weight:700;font-family:Arial;width:100%;resize:vertical;height:100px}._1rn4m8a0{display:flex}._1rn4m8a1{margin-bottom:5px;display:block}._1rn4m8a2{display:none}._1rn4m8a3{background-color:#264d8d;font-size:1.2em;font-weight:700;color:#fff;padding:8px;border-radius:5px}._1rn4m8a4{margin-left:20px}._1rn4m8a5{position:absolute;transform:translate(-50%) translateY(-35%);background:black;color:#fff;border:2pt solid #ccc;padding:0;cursor:pointer;outline:inherit;border-radius:8pt;width:16pt;height:16pt;font-family:Verdana;font-size:8pt}._1hnlbmt0{width:100%;background-color:#264d8d;font-size:1.5em;font-weight:700;color:#fff;padding:8px;border-radius:5px}.generated-image,.image-contain{position:relative}#save-button{position:absolute;top:10px;left:10px}#use-button{position:absolute;top:10px;right:10px}.display-panel{padding:10px}#display-container{display:flex;flex-direction:row;height:100%;width:100%;overflow:hidden}#previous-images{margin-left:30px;display:flex;flex:auto;flex-wrap:wrap}.previous-image{margin:0 10px}.footer-display{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}body{margin:0;min-width:320px;min-height:100vh}#root{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden}*{box-sizing:border-box}p{margin:0}textarea{margin:0;padding:0;border:none}
+._1jvuph00{position:relative;width:100%;height:100%;pointer-events:auto;display:grid;background-color:#202124;grid-template-columns:400px 1fr;grid-template-rows:100px 1fr 50px;grid-template-areas:"header header header" "create display display" "create footer footer"}._1jvuph01{grid-area:header}._1jvuph02{grid-area:create;overflow:auto}._1jvuph03{grid-area:display;overflow:auto}._1jvuph04{grid-area:footer}@media screen and (max-width: 800px){._1jvuph00{grid-template-columns:1fr;grid-template-rows:100px 1fr 1fr 50px;grid-template-areas:"header" "create" "display" "footer"}}.starting{color:#f0ad4e}.error{color:#d9534f}.success{color:#5cb85c}.header-display{color:#fff;display:flex;align-items:center;justify-content:center}.status-display{margin-left:10px}._11d5x3d0{font-size:9pt;margin-bottom:5px;padding-left:10px;list-style-type:none}._11d5x3d1{padding-bottom:5px}._11d5x3d2{display:block;width:100%;text-align:left;background-color:transparent;color:#fff;border:0 none;cursor:pointer;padding:0;margin-bottom:10px}._11d5x3d2>h4{color:#e7ba71;margin-top:5px!important}.create-layout{padding:10px}.panel-box-toggle-btn{display:block;width:100%;text-align:left;background-color:transparent;color:#fff;border:0 none;cursor:pointer}.selected-tags{margin:10px 0}.selected-tags ul{margin:0;padding:0;display:flex;flex-wrap:wrap}li{list-style:none}.modifier-list{display:flex;flex-wrap:wrap;margin:0;padding:0}.modifierTag{display:inline-block;padding:6px;background-color:#264d8d;color:#fff;border-radius:5px;margin:5px}.modifierTag.selected{background-color:#830b79}.modifierTag p{margin:0}input[type=file]{color:transparent}.cjcdm20{position:relative;width:100%;height:100%;padding:0 10px}._1how28i0{position:relative;width:100%}._1how28i0>*{margin-bottom:10px}._1how28i1>p{font-size:1.5em;font-weight:700;margin-bottom:10px}._1how28i1>textarea{font-size:1.2em;font-weight:700;font-family:Arial;width:100%;resize:vertical;height:100px}._1rn4m8a0{display:flex}._1rn4m8a1{margin-bottom:5px;display:block}._1rn4m8a2{display:none}._1rn4m8a3{background-color:#264d8d;font-size:1.2em;font-weight:700;color:#fff;padding:8px;border-radius:5px}._1rn4m8a4{margin-left:20px}._1rn4m8a5{position:absolute;transform:translate(-50%) translateY(-35%);background:black;color:#fff;border:2pt solid #ccc;padding:0;cursor:pointer;outline:inherit;border-radius:8pt;width:16pt;height:16pt;font-family:Verdana;font-size:8pt}._1hnlbmt0{width:100%;background-color:#264d8d;font-size:1.5em;font-weight:700;color:#fff;padding:8px;border-radius:5px}.generated-image,.image-contain{position:relative}#save-button{position:absolute;top:10px;left:10px}#use-button{position:absolute;top:10px;right:10px}.display-panel{padding:10px}#display-container{display:flex;flex-direction:row;height:100%;width:100%;overflow:hidden}#previous-images{margin-left:30px;display:flex;flex:auto;flex-wrap:wrap}.previous-image{margin:0 10px}.footer-display{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}body{margin:0;min-width:320px;min-height:100vh}#root{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden}*{box-sizing:border-box}p,h3,h4{margin:0}textarea{margin:0;padding:0;border:none}