b06501a4c9
✨ (KeyPairInput.py): add a new component called "KeyPairInput" to handle dictionary input data in the language flow system ✨ (CSVOutput.py): add a new component called "CSVOutput" to handle CSV output data in the language flow system ✨ (ImageOutput.py): add a new component called "ImageOutput" to handle image output data in the language flow system ✨ (JsonOutput.py): add a new component called "JsonOutput" to handle JSON output data in the language flow system ✨ (PDFOutput.py): add a new component called "PDFOutput" to handle PDF output data in the language flow system 📝 (App.css): update CSS to improve readability and formatting 📝 (parameterComponent/index.tsx): fix a bug where rangeSpec is not properly accessed in the FloatComponent 📝 (cardComponent/index.tsx): update the CollectionCardComponent to include a new button for opening the playground and handle the opening and closing of the IOModal 📝 (codeTabsComponent/index.tsx): fix conditional rendering of InputListComponent by using optional chaining operator to check if the list property exists in the template object 📝 (keypairListComponent/index.tsx): refactor the initialization of the ref variable to handle both empty and non-empty values correctly 📝 (constants.ts): add "JsonInput" and "JsonOutput" to the INPUT_TYPES and OUTPUT_TYPES constants to support JSON input and output components 📝 (editNodeModal/index.tsx): fix conditional rendering of InputListComponent by using optional chaining operator to check if the list property exists in the template object 📝 (ioFieldView/components/JSONInput/index.tsx): add JSONInput component to handle JSON input in the IOFieldView component 📝 (ioFieldView/components/keyPairInput/index.tsx): add keyPairInput component to handle key-value pair input in the IOFieldView component ✨ (IOFieldView/index.tsx): add useState import to use state hook in functional component ✨ (IOFieldView/index.tsx): add support for KeyPairInput component in IOFieldView ✨ (IOFieldView/index.tsx): add support for JsonInput component in IOFieldView ✨ (IOFieldView/index.tsx): add support for JsonOutput component in IOFieldView 📝 (dictAreaModal/index.tsx): add useDarkStore import to use dark mode state in DictAreaModal component 📝 (classes.css): add CSS classes for json-view component in different themes 📝 (types/components/index.ts): remove duplicate InputGlobalComponentType definition
113 lines
1.9 KiB
CSS
113 lines
1.9 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/* Prevent react flow to overflow the page */
|
|
body {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.App {
|
|
text-align: center;
|
|
}
|
|
|
|
.react-flow__node {
|
|
width: auto;
|
|
height: auto;
|
|
border-radius: auto;
|
|
min-width: inherit;
|
|
}
|
|
|
|
.App-logo {
|
|
height: 40vmin;
|
|
pointer-events: none;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.App-logo {
|
|
animation: App-logo-spin infinite 20s linear;
|
|
}
|
|
}
|
|
|
|
.App-header {
|
|
background-color: #282c34;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: calc(10px + 2vmin);
|
|
color: white;
|
|
}
|
|
|
|
.App-link {
|
|
color: #61dafb;
|
|
}
|
|
|
|
@keyframes App-logo-spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@font-face {
|
|
font-family: text-security-disc;
|
|
src: url("assets/text-security-disc.woff") format("woff");
|
|
}
|
|
|
|
.json-view {
|
|
height: 370px !important;
|
|
background-color: #2c2c2c !important;
|
|
border-radius: 10px !important;
|
|
padding: 10px !important;
|
|
}
|
|
|
|
.jv-indent {
|
|
overflow-y: auto !important;
|
|
max-height: 310px !important;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.jv-indent::-webkit-scrollbar {
|
|
width: 8px !important;
|
|
height: 8px !important;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.jv-indent::-webkit-scrollbar-track {
|
|
background-color: #f1f1f1 !important;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.jv-indent::-webkit-scrollbar-thumb {
|
|
background-color: #ccc !important;
|
|
border-radius: 999px !important;
|
|
}
|
|
|
|
.jv-indent::-webkit-scrollbar-thumb:hover {
|
|
background-color: #bbb !important;
|
|
}
|
|
|
|
.custom-hover {
|
|
transition: background-color 0.5s ease;
|
|
}
|
|
|
|
.custom-hover:hover {
|
|
background-color: rgba(
|
|
99,
|
|
102,
|
|
241,
|
|
0.1
|
|
); /* Medium indigo color with 20% opacity */
|
|
}
|
|
|
|
.json-view-playground .json-view {
|
|
background-color: #fff !important;
|
|
}
|
|
|
|
.json-view-flow .json-view {
|
|
background-color: #bbb !important;
|
|
}
|