From 01ae4322ce428c3f21dc1a95bbd836c6a56d8918 Mon Sep 17 00:00:00 2001 From: Thuy Bao Tran Tran Date: Mon, 29 Jan 2024 20:01:09 -0800 Subject: [PATCH] Updates --- asset-manifest.json | 6 +++--- index.html | 2 +- static/css/main.402857d2.css | 2 ++ static/css/main.402857d2.css.map | 1 + static/css/main.ea930776.css | 2 -- static/css/main.ea930776.css.map | 1 - 6 files changed, 7 insertions(+), 7 deletions(-) create mode 100644 static/css/main.402857d2.css create mode 100644 static/css/main.402857d2.css.map delete mode 100644 static/css/main.ea930776.css delete mode 100644 static/css/main.ea930776.css.map diff --git a/asset-manifest.json b/asset-manifest.json index 85c66cb..8a21098 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,15 +1,15 @@ { "files": { - "main.css": "/SimBioUI/static/css/main.ea930776.css", + "main.css": "/SimBioUI/static/css/main.402857d2.css", "main.js": "/SimBioUI/static/js/main.d888909a.js", "static/js/787.f556b7f6.chunk.js": "/SimBioUI/static/js/787.f556b7f6.chunk.js", "index.html": "/SimBioUI/index.html", - "main.ea930776.css.map": "/SimBioUI/static/css/main.ea930776.css.map", + "main.402857d2.css.map": "/SimBioUI/static/css/main.402857d2.css.map", "main.d888909a.js.map": "/SimBioUI/static/js/main.d888909a.js.map", "787.f556b7f6.chunk.js.map": "/SimBioUI/static/js/787.f556b7f6.chunk.js.map" }, "entrypoints": [ - "static/css/main.ea930776.css", + "static/css/main.402857d2.css", "static/js/main.d888909a.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 8e7a468..f91315b 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -React App
\ No newline at end of file +React App
\ No newline at end of file diff --git a/static/css/main.402857d2.css b/static/css/main.402857d2.css new file mode 100644 index 0000000..ee05207 --- /dev/null +++ b/static/css/main.402857d2.css @@ -0,0 +1,2 @@ +.left-subpanel{background-color:#2e2d2d;border-bottom:1px solid gray;border-right:1px solid gray;border-top:1px solid #fff;box-sizing:border-box;margin-bottom:80px;margin-top:60px;min-height:calc(100vh - 100px);overflow-y:auto;padding:10px;width:20%}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;overflow:hidden;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:10px;height:30px;margin:4px 2px;padding:4px 12px;text-align:center;text-decoration:none}button:hover{background-color:#333}.xy-button{align-items:center;display:flex;flex-direction:column;margin-left:110px;margin-top:20px;position:absolute;transform:translateX(-50%)}.button-style{background-color:#242323;border:1px solid gray;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:10px;height:24px;margin:4px 2px;padding:2px 11px;text-align:left;text-decoration:none;width:200px}.small-text{color:#fff;font-size:12px;margin-top:20px}.text-simulation{color:#fff;font-size:18px;margin-left:15px}.parameter-input{background-color:#000;border:1px solid gray;border-radius:5px;color:#fff;font-size:12px;height:2px;left:150px;outline:none;padding:10px;position:absolute;width:50px}.simulate-style{background-color:#4169e1;width:120px}.reset-style,.simulate-style{color:#fff;font-size:12px;margin-left:10px;margin-top:15px}.reset-style{background-color:#000;width:70px}.text-checkbox-input{color:#fff;font-size:12px;margin-left:8px;margin-top:10px}.config-button{border:1px solid gray;font-size:12px;margin-left:10px;width:60px}.main-container{background-color:#2e2d2d;display:flex;height:100vh;width:100vw}.custom-scrollbars__container{height:100%;position:relative;width:100%}.custom-scrollbars__content{height:100%;overflow:hidden;width:100%}.custom-scrollbars__scrollbar{height:100%;position:absolute;right:0;top:0;width:10px}.custom-scrollbars__track-and-thumb{height:100%;position:relative;width:100%}.custom-scrollbars__track{background-color:#ccc;height:100%}.custom-scrollbars__thumb,.custom-scrollbars__track{border-radius:5px;position:absolute;right:0;top:0;width:100%}.custom-scrollbars__thumb{background-color:#888;cursor:grab}.popup{background-color:#2e2d2d;border:1px solid #000;box-sizing:border-box;display:flex;height:500px;left:50%;padding:10px;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px;z-index:1}.popup-left{align-items:flex-start}.popup-left,.popup-right{display:flex;flex:1 1;flex-direction:column}.popup-right{align-items:flex-end}.popup-top{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:10px;transform:translateX(-50%)}.popup-bottom{bottom:10px;position:absolute;right:10px}.dropdown-container{align-items:flex-start;display:flex;flex-direction:column;margin-left:1px;overflow-y:auto;width:500px}.dropdown-list{box-sizing:border-box;width:40%}.dropdown-list input[type=checkbox]{margin-right:5px;transform:scale(.8)}.dropdown-list label{color:#fff;font-size:12px}.border-with-text{border:1px solid #fff;border-radius:4px;box-sizing:border-box;display:inline-block;margin-bottom:20px;margin-left:50px;padding:10px;position:relative;width:250px}.text-on-border{background-color:#2e2d2d;color:#fff;font-size:12px;left:10px;padding:0 10px;position:absolute;top:-10px}.border-with-text-simulation{border:1px solid #fff;border-radius:4px;box-sizing:border-box;display:inline-block;height:150px;margin-left:10px;margin-top:30px;padding:10px;position:relative;width:250px}.text-on-border-simulation{background-color:#2e2d2d;color:#fff;font-size:12px;left:10px;padding:0 10px;position:absolute;top:-10px}.center-subpanel{background-color:#2e2d2d;border-bottom:1px solid gray;border-right:1px solid gray;border-top:1px solid #fff;box-sizing:border-box;flex:1 1;margin-bottom:80px;margin-top:60px;min-height:calc(100vh - 100px);overflow-y:auto;padding:10px}.centered-input-box{border:1px solid gray;font-size:16px;height:650px;margin-left:20px;margin-top:20px;position:absolute;width:500px}.centered-input-box,.centered-input-box input[type=text]{background-color:#000;color:#fff;outline:none;padding:10px}.centered-input-box input[type=text]{border:none;box-sizing:border-box;font-size:12px} +/*# sourceMappingURL=main.402857d2.css.map*/ \ No newline at end of file diff --git a/static/css/main.402857d2.css.map b/static/css/main.402857d2.css.map new file mode 100644 index 0000000..b299f62 --- /dev/null +++ b/static/css/main.402857d2.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.402857d2.css","mappings":"AACA,eACE,wBAAyB,CAQzB,4BAA6B,CAF7B,2BAA4B,CAC5B,yBAA2B,CAJ3B,qBAAsB,CAOtB,kBAAmB,CADnB,eAAgB,CALhB,8BAA+B,CAC/B,eAAgB,CAHhB,YAAa,CADb,SAUF,CAEA,UAIE,kCAAmC,CACnC,iCAAkC,CAJlC,mIAEU,CAIV,WAAY,CACZ,QAAS,CAET,eAAgB,CADhB,SAAU,CAHV,UAKF,CAEA,KACE,uEAEF,CAEA,OACE,qBAAuB,CAEvB,WAAY,CAQZ,iBAAkB,CATlB,UAAY,CAQZ,cAAe,CAHf,oBAAqB,CACrB,cAAe,CAIf,WAAY,CAHZ,cAAe,CALf,gBAAiB,CACjB,iBAAkB,CAClB,oBAOF,CAEA,aACE,qBACF,CAEA,WAOE,kBAAmB,CAFnB,YAAa,CACb,qBAAsB,CAHtB,iBAAkB,CADlB,eAAgB,CADhB,iBAAkB,CAGlB,0BAIF,CAEA,cACE,wBAAyB,CAEzB,qBAAsB,CAQtB,iBAAkB,CATlB,UAAW,CAQX,cAAe,CAHf,oBAAqB,CACrB,cAAe,CAKf,WAAY,CAJZ,cAAe,CALf,gBAAiB,CACjB,eAAgB,CAChB,oBAAqB,CAMrB,WAEF,CAEA,YAEE,UAAY,CADZ,cAAe,CAEf,eACF,CAEA,iBAEE,UAAY,CADZ,cAAe,CAEf,gBACF,CACA,iBACE,qBAAuB,CAEvB,qBAAsB,CAQtB,iBAAkB,CATlB,UAAY,CAGZ,cAAe,CAGf,UAAW,CAEX,UAAW,CAJX,YAAa,CAFb,YAAa,CAKb,iBAAkB,CAFlB,UAKF,CACA,gBACE,wBAA2B,CAE3B,WAIF,CACA,6BANE,UAAY,CAIZ,cAAe,CAFf,gBAAiB,CACjB,eAUF,CAPA,aACE,qBAAuB,CAEvB,UAIF,CACA,qBACE,UAAY,CACZ,cAAe,CAEf,eAAgB,CADhB,eAEF,CACA,eAIE,qBAAsB,CADtB,cAAe,CAFf,gBAAiB,CACjB,UAGF,CCjIA,gBACI,wBAAyB,CACzB,YAAa,CAEb,YAAa,CADb,WAEJ,CCLA,8BAGI,WAAY,CAFZ,iBAAkB,CAClB,UAEJ,CAEA,4BAEI,WAAY,CACZ,eAAgB,CAFhB,UAGJ,CAEA,8BAKI,WAAY,CAJZ,iBAAkB,CAElB,OAAQ,CADR,KAAM,CAEN,UAEJ,CAEA,oCAGI,WAAY,CAFZ,iBAAkB,CAClB,UAEJ,CAEA,0BAMI,qBAAsB,CADtB,WAGJ,CAEA,oDAHI,iBAAkB,CANlB,iBAAkB,CAElB,OAAQ,CADR,KAAM,CAEN,UAcJ,CARA,0BAKI,qBAAsB,CAEtB,WACJ,CC5CA,OASI,wBAAyB,CADzB,qBAAuB,CAIvB,qBAAsB,CAXtB,YAAa,CAMb,YAAa,CAHb,QAAS,CAOT,YAAa,CATb,cAAe,CACf,OAAQ,CAER,8BAAgC,CAChC,WAAY,CAIZ,SAGJ,CAEA,YAII,sBACJ,CAEA,yBALI,YAAa,CADb,QAAO,CAEP,qBASJ,CALA,aAII,oBACJ,CAEA,WAOI,kBAAmB,CAFnB,YAAa,CACb,qBAAsB,CAHtB,QAAS,CAFT,iBAAkB,CAClB,QAAS,CAET,0BAIJ,CAEA,cAEI,WAAY,CADZ,iBAAkB,CAElB,UACJ,CC1CA,oBAGI,sBAAuB,CAFvB,YAAa,CACb,qBAAsB,CAItB,eAAgB,CAFhB,eAAgB,CAChB,WAEJ,CAMA,eAGI,qBAAsB,CADtB,SAEJ,CAGA,oCAEI,gBAAiB,CADjB,mBAEJ,CAGA,qBACI,UAAY,CACZ,cACJ,CC9BA,kBAEI,qBAAyB,CACzB,iBAAkB,CAGlB,qBAAsB,CAFtB,oBAAqB,CAKrB,kBAAmB,CADnB,gBAAiB,CAHjB,YAAa,CAJb,iBAAkB,CAMlB,WAGJ,CAEA,gBAII,wBAAyB,CACzB,UAAc,CAEd,cAAe,CAJf,SAAU,CAGV,cAAe,CALf,iBAAkB,CAClB,SAMJ,CAEA,6BAEI,qBAAyB,CACzB,iBAAkB,CAGlB,qBAAsB,CAFtB,oBAAqB,CAIrB,YAAa,CAEb,gBAAiB,CADjB,eAAgB,CAJhB,YAAa,CAJb,iBAAkB,CAMlB,WAIJ,CAEA,2BAII,wBAAyB,CACzB,UAAc,CAEd,cAAe,CAJf,SAAU,CAGV,cAAe,CALf,iBAAkB,CAClB,SAMJ,CC3CA,iBACI,wBAAyB,CAQzB,4BAA6B,CAF7B,2BAA4B,CAC5B,yBAA2B,CAJ3B,qBAAsB,CAFtB,QAAO,CASP,kBAAmB,CADnB,eAAgB,CALhB,8BAA+B,CAC/B,eAAgB,CAHhB,YASJ,CCZA,oBAGI,qBAAsB,CAEtB,cAAe,CAGf,YAAa,CAGb,gBAAiB,CADjB,eAAgB,CADhB,iBAAkB,CAFlB,WAKJ,CACA,yDAZI,qBAAuB,CACvB,UAAY,CAIZ,YAAa,CAFb,YAiBJ,CARA,qCAGI,WAAY,CAEZ,qBAAsB,CACtB,cAEJ","sources":["CSS/Left Sub Panel/index.css","CSS/Left Sub Panel/main-container.css","CSS/Left Sub Panel/custom-scroll-bar.css","CSS/Left Sub Panel/popup-components.css","CSS/Left Sub Panel/dropdown-components.css","CSS/Left Sub Panel/border-with-text.css","CSS/Center Panel/center-subpanel.css","CSS/Center Panel/centered-input.css"],"sourcesContent":["/* styles.css */\n.left-subpanel {\n background-color: #2e2d2d;\n width: 20%;\n padding: 10px;\n box-sizing: border-box;\n min-height: calc(100vh - 100px); /* Adjusted height to ensure visibility */\n overflow-y: auto;\n border-right: 1px solid gray; /* Add a right border with a color of your choice */\n border-top: 1px solid white;\n border-bottom: 1px solid gray; /* Add a bottom border */\n margin-top: 60px; /* Adjust the margin-top to move the sub-panel up */\n margin-bottom: 80px; /* Remove margin-bottom */\n}\n\nhtml, body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n overflow: hidden;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\nbutton {\n background-color: black; /* Change button background to black */\n color: white; /* Change text color to white for contrast */\n border: none;\n padding: 4px 12px;\n text-align: center;\n text-decoration: none;\n display: inline-block;\n font-size: 10px;\n margin: 4px 2px;\n cursor: pointer;\n border-radius: 4px;\n height: 30px;\n}\n\nbutton:hover {\n background-color: #333333; /* Darker shade of black for hover effect */\n}\n\n.xy-button {\n position: absolute;\n margin-top: 20px;\n margin-left: 110px;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.button-style {\n background-color: #242323; /* Background color */\n color: #fff; /* Text color */\n border: 1px solid gray; /* Add a white border */\n padding: 2px 11px; /* Padding inside the button */\n text-align: left; /* Center the text */\n text-decoration: none; /* No underline on text */\n display: inline-block; /* Button does not take full width */\n font-size: 10px; /* Font size */\n margin: 4px 2px; /* Margin around the button */\n cursor: pointer; /* Cursor appears as a pointer on hover */\n border-radius: 4px; /* Rounded corners */\n width: 200px; /* Set a specific width */\n height: 24px; /* Set a specific height */\n}\n\n.small-text {\n font-size: 12px;\n color: white;\n margin-top: 20px;\n}\n\n.text-simulation {\n font-size: 18px; /* Adjust the font size as needed */\n color: white; /* Change the text color to white */\n margin-left: 15px;\n}\n.parameter-input {\n background-color: black;\n color: white;\n border: 1px solid gray; /* You can add a border for styling */\n padding: 10px; /* Add padding for spacing */\n font-size: 12px;\n outline: none;\n width: 50px;\n height: 2px; /* Adjust the height as needed */\n position: absolute;\n left: 150px;\n border-radius: 5px;\n}\n.simulate-style {\n background-color: royalblue;\n color: white;\n width: 120px;\n margin-left: 10px;\n margin-top: 15px;\n font-size: 12px;\n}\n.reset-style {\n background-color: black;\n color: white;\n width: 70px;\n margin-left: 10px;\n margin-top: 15px;\n font-size: 12px;\n}\n.text-checkbox-input {\n color: white;\n font-size: 12px;\n margin-top: 10px;\n margin-left: 8px;\n}\n.config-button {\n margin-left: 10px;\n width: 60px;\n font-size: 12px;\n border: 1px solid gray;\n}\n\n\n",".main-container {\n background-color: #2e2d2d;\n display: flex;\n width: 100vw; /* 100% of the viewport width */\n height: 100vh; /* 100% of the viewport height */\n}",".custom-scrollbars__container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.custom-scrollbars__content {\n width: 100%;\n height: 100%;\n overflow: hidden; /* Hide the default scrollbar */\n}\n\n.custom-scrollbars__scrollbar {\n position: absolute;\n top: 0;\n right: 0; /* Align scrollbar to the right */\n width: 10px; /* Width of the scrollbar */\n height: 100%; /* Full height of the container */\n}\n\n.custom-scrollbars__track-and-thumb {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.custom-scrollbars__track {\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n background-color: #ccc; /* Color of the track */\n border-radius: 5px;\n}\n\n.custom-scrollbars__thumb {\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n background-color: #888; /* Color of the thumb */\n border-radius: 5px;\n cursor: grab;\n}",".popup {\n display: flex;\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 500px;\n height: 500px;\n border: 1px solid black;\n background-color: #2e2d2d; /* Change popup background to grey */\n z-index: 1;\n padding: 10px;\n box-sizing: border-box;\n}\n\n.popup-left {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.popup-right {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n}\n\n.popup-top {\n position: absolute;\n top: 10px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.popup-bottom {\n position: absolute;\n bottom: 10px;\n right: 10px;\n}","/* Adjust the width as necessary to accommodate the scrollbar */\n.dropdown-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto; /* Show the scrollbar only when needed */\n width: 500px; /* Increase width to accommodate the scrollbar */\n margin-left: 1px;\n}\n/*.dropdown-buttons {*/\n/* position: absolute;*/\n/* left: 8px; !* Adjust the left position to align with the dropdown container *!*/\n/*}*/\n\n.dropdown-list {\n /* Remove padding-right from here, it's now in .dropdown-container */\n width: 40%; /* Ensure the list takes the full width of the container */\n box-sizing: border-box; /* Include padding and border in the element's dimensions */\n}\n\n/* Make checkboxes smaller */\n.dropdown-list input[type=\"checkbox\"] {\n transform: scale(0.8); /* Adjust the scale factor as needed */\n margin-right: 5px; /* Add spacing between checkbox and label */\n}\n\n/* Make labels smaller */\n.dropdown-list label {\n color: white;\n font-size: 12px; /* Adjust the font size as needed */\n}",".border-with-text {\n position: relative;\n border: 1px solid #ffffff;\n border-radius: 4px;\n display: inline-block;\n padding: 10px;\n box-sizing: border-box;\n width: 250px;\n margin-left: 50px;\n margin-bottom: 20px;\n}\n\n.text-on-border {\n position: absolute;\n top: -10px; /* Adjust as needed */\n left: 10px; /* Adjust as needed */\n background-color: #2e2d2d;\n color: #ffffff;\n padding: 0 10px;\n font-size: 12px; /* Adjust as needed */\n}\n\n.border-with-text-simulation {\n position: relative;\n border: 1px solid #ffffff;\n border-radius: 4px;\n display: inline-block;\n padding: 10px;\n box-sizing: border-box;\n width: 250px;\n height: 150px;\n margin-top: 30px;\n margin-left: 10px;\n}\n\n.text-on-border-simulation {\n position: absolute;\n top: -10px; /* Adjust as needed */\n left: 10px; /* Adjust as needed */\n background-color: #2e2d2d;\n color: #ffffff;\n padding: 0 10px;\n font-size: 12px; /* Adjust as needed */\n}",".center-subpanel {\n background-color: #2e2d2d;\n flex: 1;\n padding: 10px;\n box-sizing: border-box;\n min-height: calc(100vh - 100px); /* Adjusted height to ensure visibility */\n overflow-y: auto;\n border-right: 1px solid gray; /* Add a right border with a color of your choice */\n border-top: 1px solid white;\n border-bottom: 1px solid gray; /* Add a bottom border */\n margin-top: 60px; /* Adjust the margin-top to move the sub-panel up */\n margin-bottom: 80px; /* Remove margin-bottom */\n}",".centered-input-box {\n background-color: black;\n color: white;\n border: 1px solid gray; /* You can add a border for styling */\n padding: 10px; /* Add padding for spacing */\n font-size: 16px;\n outline: none;\n width: 500px;\n height: 650px; /* Adjust the height as needed */\n position: absolute;\n margin-top: 20px;\n margin-left: 20px;\n}\n.centered-input-box input[type=\"text\"] {\n background-color: black; /* Change the background color to black */\n color: white; /* Change the text color to white */\n border: none; /* Remove the border */\n padding: 10px; /* Add padding inside the input */\n box-sizing: border-box; /* Include padding and border in the input's dimensions */\n font-size: 12px; /* Adjust font size as needed */\n outline: none; /* Remove the default focus outline */\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.ea930776.css b/static/css/main.ea930776.css deleted file mode 100644 index 3426a54..0000000 --- a/static/css/main.ea930776.css +++ /dev/null @@ -1,2 +0,0 @@ -.left-subpanel{background-color:#2e2d2d;border-bottom:1px solid gray;border-right:1px solid gray;border-top:1px solid #fff;box-sizing:border-box;margin-bottom:80px;margin-top:60px;min-height:calc(100vh - 100px);overflow-y:auto;padding:10px;width:20%}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;overflow:hidden;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:10px;height:30px;margin:4px 2px;padding:4px 12px;text-align:center;text-decoration:none}button:hover{background-color:#333}.xy-button{align-items:center;display:flex;flex-direction:column;left:120px;position:absolute;top:390px;transform:translateX(-50%)}.button-style{background-color:#242323;border:1px solid gray;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:10px;height:24px;margin:4px 2px;padding:2px 11px;text-align:left;text-decoration:none;width:200px}.small-text{color:#fff;font-size:12px;margin-top:20px}.text-simulation{color:#fff;font-size:18px;margin-left:15px}.parameter-input{background-color:#000;border:1px solid gray;border-radius:5px;color:#fff;font-size:12px;height:2px;left:150px;outline:none;padding:10px;position:absolute;width:50px}.simulate-style{background-color:#4169e1;width:120px}.reset-style,.simulate-style{color:#fff;font-size:12px;margin-left:10px;margin-top:15px}.reset-style{background-color:#000;width:70px}.text-checkbox-input{color:#fff;font-size:12px;margin-left:8px;margin-top:10px}.config-button{border:1px solid gray;font-size:12px;margin-left:10px;width:60px}.main-container{background-color:#2e2d2d;display:flex;height:100vh;width:100vw}.custom-scrollbars__container{height:100%;position:relative;width:100%}.custom-scrollbars__content{height:100%;overflow:hidden;width:100%}.custom-scrollbars__scrollbar{height:100%;position:absolute;right:0;top:0;width:10px}.custom-scrollbars__track-and-thumb{height:100%;position:relative;width:100%}.custom-scrollbars__track{background-color:#ccc;height:100%}.custom-scrollbars__thumb,.custom-scrollbars__track{border-radius:5px;position:absolute;right:0;top:0;width:100%}.custom-scrollbars__thumb{background-color:#888;cursor:grab}.popup{background-color:#2e2d2d;border:1px solid #000;box-sizing:border-box;display:flex;height:500px;left:50%;padding:10px;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px;z-index:1}.popup-left{align-items:flex-start}.popup-left,.popup-right{display:flex;flex:1 1;flex-direction:column}.popup-right{align-items:flex-end}.popup-top{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:10px;transform:translateX(-50%)}.popup-bottom{bottom:10px;position:absolute;right:10px}.dropdown-container{align-items:flex-start;display:flex;flex-direction:column;margin-left:1px;overflow-y:auto;width:500px}.dropdown-list{box-sizing:border-box;width:40%}.dropdown-list input[type=checkbox]{margin-right:5px;transform:scale(.8)}.dropdown-list label{color:#fff;font-size:12px}.border-with-text{border:1px solid #fff;border-radius:4px;box-sizing:border-box;display:inline-block;margin-bottom:20px;margin-left:50px;padding:10px;position:relative;width:250px}.text-on-border{background-color:#2e2d2d;color:#fff;font-size:12px;left:10px;padding:0 10px;position:absolute;top:-10px}.border-with-text-simulation{border:1px solid #fff;border-radius:4px;box-sizing:border-box;display:inline-block;height:150px;margin-left:10px;margin-top:30px;padding:10px;position:relative;width:250px}.text-on-border-simulation{background-color:#2e2d2d;color:#fff;font-size:12px;left:10px;padding:0 10px;position:absolute;top:-10px}.center-subpanel{background-color:#2e2d2d;border-bottom:1px solid gray;border-right:1px solid gray;border-top:1px solid #fff;box-sizing:border-box;flex:1 1;margin-bottom:80px;margin-top:60px;min-height:calc(100vh - 100px);overflow-y:auto;padding:10px}.centered-input-box{border:1px solid gray;font-size:16px;height:650px;margin-left:20px;margin-top:20px;position:absolute;width:500px}.centered-input-box,.centered-input-box input[type=text]{background-color:#000;color:#fff;outline:none;padding:10px}.centered-input-box input[type=text]{border:none;box-sizing:border-box;font-size:12px} -/*# sourceMappingURL=main.ea930776.css.map*/ \ No newline at end of file diff --git a/static/css/main.ea930776.css.map b/static/css/main.ea930776.css.map deleted file mode 100644 index 8b71fae..0000000 --- a/static/css/main.ea930776.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.ea930776.css","mappings":"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","sources":["CSS/Left Sub Panel/index.css","CSS/Left Sub Panel/main-container.css","CSS/Left Sub Panel/custom-scroll-bar.css","CSS/Left Sub Panel/popup-components.css","CSS/Left Sub Panel/dropdown-components.css","CSS/Left Sub Panel/border-with-text.css","CSS/Center Panel/center-subpanel.css","CSS/Center Panel/centered-input.css"],"sourcesContent":["/* styles.css */\n.left-subpanel {\n background-color: #2e2d2d;\n width: 20%;\n padding: 10px;\n box-sizing: border-box;\n min-height: calc(100vh - 100px); /* Adjusted height to ensure visibility */\n overflow-y: auto;\n border-right: 1px solid gray; /* Add a right border with a color of your choice */\n border-top: 1px solid white;\n border-bottom: 1px solid gray; /* Add a bottom border */\n margin-top: 60px; /* Adjust the margin-top to move the sub-panel up */\n margin-bottom: 80px; /* Remove margin-bottom */\n}\n\nhtml, body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n overflow: hidden;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\nbutton {\n background-color: black; /* Change button background to black */\n color: white; /* Change text color to white for contrast */\n border: none;\n padding: 4px 12px;\n text-align: center;\n text-decoration: none;\n display: inline-block;\n font-size: 10px;\n margin: 4px 2px;\n cursor: pointer;\n border-radius: 4px;\n height: 30px;\n}\n\nbutton:hover {\n background-color: #333333; /* Darker shade of black for hover effect */\n}\n\n.xy-button {\n position: absolute;\n top: 390px;\n left: 120px;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.button-style {\n background-color: #242323; /* Background color */\n color: #fff; /* Text color */\n border: 1px solid gray; /* Add a white border */\n padding: 2px 11px; /* Padding inside the button */\n text-align: left; /* Center the text */\n text-decoration: none; /* No underline on text */\n display: inline-block; /* Button does not take full width */\n font-size: 10px; /* Font size */\n margin: 4px 2px; /* Margin around the button */\n cursor: pointer; /* Cursor appears as a pointer on hover */\n border-radius: 4px; /* Rounded corners */\n width: 200px; /* Set a specific width */\n height: 24px; /* Set a specific height */\n}\n\n.small-text {\n font-size: 12px;\n color: white;\n margin-top: 20px;\n}\n\n.text-simulation {\n font-size: 18px; /* Adjust the font size as needed */\n color: white; /* Change the text color to white */\n margin-left: 15px;\n}\n.parameter-input {\n background-color: black;\n color: white;\n border: 1px solid gray; /* You can add a border for styling */\n padding: 10px; /* Add padding for spacing */\n font-size: 12px;\n outline: none;\n width: 50px;\n height: 2px; /* Adjust the height as needed */\n position: absolute;\n left: 150px;\n border-radius: 5px;\n}\n.simulate-style {\n background-color: royalblue;\n color: white;\n width: 120px;\n margin-left: 10px;\n margin-top: 15px;\n font-size: 12px;\n}\n.reset-style {\n background-color: black;\n color: white;\n width: 70px;\n margin-left: 10px;\n margin-top: 15px;\n font-size: 12px;\n}\n.text-checkbox-input {\n color: white;\n font-size: 12px;\n margin-top: 10px;\n margin-left: 8px;\n}\n.config-button {\n margin-left: 10px;\n width: 60px;\n font-size: 12px;\n border: 1px solid gray;\n}\n\n\n",".main-container {\n background-color: #2e2d2d;\n display: flex;\n width: 100vw; /* 100% of the viewport width */\n height: 100vh; /* 100% of the viewport height */\n}",".custom-scrollbars__container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.custom-scrollbars__content {\n width: 100%;\n height: 100%;\n overflow: hidden; /* Hide the default scrollbar */\n}\n\n.custom-scrollbars__scrollbar {\n position: absolute;\n top: 0;\n right: 0; /* Align scrollbar to the right */\n width: 10px; /* Width of the scrollbar */\n height: 100%; /* Full height of the container */\n}\n\n.custom-scrollbars__track-and-thumb {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.custom-scrollbars__track {\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n background-color: #ccc; /* Color of the track */\n border-radius: 5px;\n}\n\n.custom-scrollbars__thumb {\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n background-color: #888; /* Color of the thumb */\n border-radius: 5px;\n cursor: grab;\n}",".popup {\n display: flex;\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 500px;\n height: 500px;\n border: 1px solid black;\n background-color: #2e2d2d; /* Change popup background to grey */\n z-index: 1;\n padding: 10px;\n box-sizing: border-box;\n}\n\n.popup-left {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.popup-right {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n}\n\n.popup-top {\n position: absolute;\n top: 10px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.popup-bottom {\n position: absolute;\n bottom: 10px;\n right: 10px;\n}","/* Adjust the width as necessary to accommodate the scrollbar */\n.dropdown-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto; /* Show the scrollbar only when needed */\n width: 500px; /* Increase width to accommodate the scrollbar */\n margin-left: 1px;\n}\n/*.dropdown-buttons {*/\n/* position: absolute;*/\n/* left: 8px; !* Adjust the left position to align with the dropdown container *!*/\n/*}*/\n\n.dropdown-list {\n /* Remove padding-right from here, it's now in .dropdown-container */\n width: 40%; /* Ensure the list takes the full width of the container */\n box-sizing: border-box; /* Include padding and border in the element's dimensions */\n}\n\n/* Make checkboxes smaller */\n.dropdown-list input[type=\"checkbox\"] {\n transform: scale(0.8); /* Adjust the scale factor as needed */\n margin-right: 5px; /* Add spacing between checkbox and label */\n}\n\n/* Make labels smaller */\n.dropdown-list label {\n color: white;\n font-size: 12px; /* Adjust the font size as needed */\n}",".border-with-text {\n position: relative;\n border: 1px solid #ffffff;\n border-radius: 4px;\n display: inline-block;\n padding: 10px;\n box-sizing: border-box;\n width: 250px;\n margin-left: 50px;\n margin-bottom: 20px;\n}\n\n.text-on-border {\n position: absolute;\n top: -10px; /* Adjust as needed */\n left: 10px; /* Adjust as needed */\n background-color: #2e2d2d;\n color: #ffffff;\n padding: 0 10px;\n font-size: 12px; /* Adjust as needed */\n}\n\n.border-with-text-simulation {\n position: relative;\n border: 1px solid #ffffff;\n border-radius: 4px;\n display: inline-block;\n padding: 10px;\n box-sizing: border-box;\n width: 250px;\n height: 150px;\n margin-top: 30px;\n margin-left: 10px;\n}\n\n.text-on-border-simulation {\n position: absolute;\n top: -10px; /* Adjust as needed */\n left: 10px; /* Adjust as needed */\n background-color: #2e2d2d;\n color: #ffffff;\n padding: 0 10px;\n font-size: 12px; /* Adjust as needed */\n}",".center-subpanel {\n background-color: #2e2d2d;\n flex: 1;\n padding: 10px;\n box-sizing: border-box;\n min-height: calc(100vh - 100px); /* Adjusted height to ensure visibility */\n overflow-y: auto;\n border-right: 1px solid gray; /* Add a right border with a color of your choice */\n border-top: 1px solid white;\n border-bottom: 1px solid gray; /* Add a bottom border */\n margin-top: 60px; /* Adjust the margin-top to move the sub-panel up */\n margin-bottom: 80px; /* Remove margin-bottom */\n}",".centered-input-box {\n background-color: black;\n color: white;\n border: 1px solid gray; /* You can add a border for styling */\n padding: 10px; /* Add padding for spacing */\n font-size: 16px;\n outline: none;\n width: 500px;\n height: 650px; /* Adjust the height as needed */\n position: absolute;\n margin-top: 20px;\n margin-left: 20px;\n}\n.centered-input-box input[type=\"text\"] {\n background-color: black; /* Change the background color to black */\n color: white; /* Change the text color to white */\n border: none; /* Remove the border */\n padding: 10px; /* Add padding inside the input */\n box-sizing: border-box; /* Include padding and border in the input's dimensions */\n font-size: 12px; /* Adjust font size as needed */\n outline: none; /* Remove the default focus outline */\n}"],"names":[],"sourceRoot":""} \ No newline at end of file