Upgrated operator pages to mds (#1893)

- Pod & PVCs details pages migration - Main Component - Certificates component - Login Callback component - Strategy form update - Updated license page Signed-off-by: Benjamin Perez <[email protected]>
minio · Nov 28, 2023 · 42749b8 · 42749b8
1 parent 38961bf
commit 42749b8
Show file tree

Hide file tree

Showing 13 changed files with 961 additions and 1,469 deletions.
diff --git a/web-app/src/screens/Console/Common/FormComponents/common/styleLibrary.ts b/web-app/src/screens/Console/Common/FormComponents/common/styleLibrary.ts
@@ -16,33 +16,6 @@
 
 // This object contains variables that will be used across form components.
 
-export const containerForHeader = {
-  container: {
-    position: "relative" as const,
-    padding: "20px 35px 0",
-    "& h6": {
-      color: "#777777",
-      fontSize: 30,
-    },
-    "& p": {
-      "& span:not(*[class*='smallUnit'])": {
-        fontSize: 16,
-      },
-    },
-  },
-  sectionTitle: {
-    margin: 0,
-    marginBottom: ".8rem",
-    fontSize: "1.3rem",
-  },
-  boxy: {
-    border: "#E5E5E5 1px solid",
-    borderRadius: 2,
-    padding: 40,
-    backgroundColor: "#fff",
-  },
-};
-
 export const actionsTray = {
   label: {
     color: "#07193E",
@@ -65,111 +38,6 @@ export const actionsTray = {
   },
 };
 
-export const searchField = {
-  searchField: {
-    flexGrow: 1,
-    height: 38,
-    background: "#FFFFFF",
-    borderRadius: 3,
-    border: "#EAEDEE 1px solid",
-    display: "flex",
-    justifyContent: "center",
-    padding: "0 16px",
-    "& label, & label.MuiInputLabel-shrink": {
-      fontSize: 10,
-      transform: "translate(5px, 2px)",
-      transformOrigin: "top left",
-    },
-    "& input": {
-      fontSize: 12,
-      fontWeight: 700,
-      color: "#000",
-      "&::placeholder": {
-        color: "#858585",
-        opacity: 1,
-        fontWeight: 400,
-      },
-    },
-    "&:hover": {
-      borderColor: "#000",
-    },
-    "& .min-icon": {
-      width: 16,
-      height: 16,
-    },
-    "&:focus-within": {
-      borderColor: "rgba(0, 0, 0, 0.87)",
-    },
-  },
-};
-
-export const snackBarCommon = {
-  snackBar: {
-    backgroundColor: "#081F44",
-    fontWeight: 400,
-    fontFamily: "Inter, sans-serif",
-    fontSize: 14,
-    boxShadow: "none" as const,
-    "&.MuiPaper-root.MuiSnackbarContent-root": {
-      borderRadius: "0px 0px 5px 5px",
-    },
-    "& div": {
-      textAlign: "center" as const,
-      padding: "6px 30px",
-      width: "100%",
-      overflowX: "hidden",
-      textOverflow: "ellipsis",
-    },
-    "&.MuiPaper-root": {
-      padding: "0px 20px 0px 20px",
-    },
-  },
-  errorSnackBar: {
-    backgroundColor: "#C72C48",
-    color: "#fff",
-  },
-  snackBarExternal: {
-    top: -1,
-    height: 33,
-    position: "fixed" as const,
-    minWidth: 348,
-    whiteSpace: "nowrap" as const,
-    left: 0,
-    width: "100%",
-    justifyContent: "center" as const,
-  },
-  snackDiv: {
-    top: "17px",
-    left: "50%",
-    position: "absolute" as const,
-  },
-  snackBarModal: {
-    top: 0,
-    position: "absolute" as const,
-    minWidth: "348px",
-    whiteSpace: "nowrap" as const,
-    height: "33px",
-    width: "100%",
-    justifyContent: "center",
-    left: 0,
-  },
-};
-
-export const spacingUtils: any = {
-  spacerRight: {
-    marginRight: ".9rem",
-  },
-  spacerLeft: {
-    marginLeft: ".9rem",
-  },
-  spacerBottom: {
-    marginBottom: ".9rem",
-  },
-  spacerTop: {
-    marginTop: ".9rem",
-  },
-};
-
 export const modalStyleUtils: any = {
   modalButtonBar: {
     marginTop: 15,