Added admin2 page and new workflow design

frontend/src/components/EditWorkflow.jsx

@@ -205,6 +205,8 @@ const EditWorkflow = (props) => {
 					paddingLeft: 50,
 					//minWidth: isMobile ? "90%" : newWorkflow === true ? 1000 : 550,
 					//maxWidth: isMobile ? "90%" : newWorkflow === true ? 1000 : 550,
+		    		borderRadius: theme.palette.borderRadius,
+		    		backgroundColor: "black",
 				},
 			}}
 		>
@@ -280,22 +282,18 @@ const EditWorkflow = (props) => {
 				</div>
 			</DialogTitle>
 			<FormControl>
-				<div style={{ borderTop: "1px solid rgba(255,255,255,0.5)", width: 600, position: "fixed", right: 20, bottom: 0, zIndex: 1002, backgroundColor: "rgba(53,53,53,1)", height: 75, paddingTop: 20, paddingLeft: 75, }}>
-					{/*
-          <Button
-            style={{}}
-            onClick={() => {
-				if (setNewWorkflow !== undefined) {
-					setWorkflow({})
-				}
-
-				setModalOpen(false)
-            }}
-            color="primary"
-          >
-            Cancel
-          </Button>
-		  */}
+				<div style={{ 
+					borderTop: "1px solid rgba(255,255,255,0.5)", 
+					width: 600, 
+					position: "fixed", 
+					right: 20, 
+					bottom: 0, 
+					zIndex: 1002, 
+					backgroundColor: theme.palette.backgroundColor,
+					height: 50, 
+					paddingTop: 20, 
+					paddingLeft: 75, 
+				}}>
 					<Button
 						variant="contained"
 						style={{}}

frontend/src/components/LeftSideBar.jsx

@@ -729,13 +729,14 @@ const LeftSideBar = ({ userdata, serverside, globalUrl, notifications, }) => {
         display: "flex",
         flexDirection: "column",
         width: expandLeftNav ? 260 : 80,
-        height: "calc(100vh - 60px)",
         borderRadius: 8,
-        backgroundColor: "#212121",
+        backgroundColor: theme.palette.backgroundColor,
         position: "relative",
         transition: "width 0.3s ease",
         boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.2)" ,
         resize: 'both',
+
+        height: "calc(100vh - 32px)",
       }}
     >
       {modalView}

frontend/src/components/ParsedAction.jsx

@@ -2378,8 +2378,17 @@ const ParsedAction = (props) => {
               return newname;
             }}
             fullWidth
+			  sx={{
+				'& .MuiOutlinedInput-root': {
+				  height: 40, // Adjust the input height
+				},
+				'& .MuiAutocomplete-input': {
+				  padding: '8px', // Adjust the text padding
+				},
+			  }}
+
             style={{
-              backgroundColor: theme.palette.inputColor,
+              backgroundColor: theme.palette.backgroundColor,
               height: 35,
               borderRadius: theme.palette?.borderRadius,
             }}
@@ -2522,7 +2531,7 @@ const ParsedAction = (props) => {
 							id="checkbox-search"
 							variant="body1"
 							style={{
-								backgroundColor: theme.palette.inputColor,
+								backgroundColor: theme.palette.platformColor,
 								borderRadius: theme.palette?.borderRadius,
 							}}
 							label={isIntegration ? "Choose a category" : "Find Actions"}