Edit Searchbar styling based on mockups (#385)

Co-authored-by: Daniel Valdivia <hola@danielvaldivia.com>
2020-11-12 12:05:40 -08:00
parent 125c9abf56
commit 32898f0c57
1 changed files with 5 additions and 1 deletions
--- a/portal-ui/src/screens/Console/Common/FormComponents/common/styleLibrary.ts
+++ b/portal-ui/src/screens/Console/Common/FormComponents/common/styleLibrary.ts
@@ -156,13 +156,17 @@ export const searchField = {
    justifyContent: "center",
    padding: "0 16px",
    "& input": {
-      fontSize: 14,
+      fontSize: 12,
+      fontWeight: 700,
      color: "#000",
      "&::placeholder": {
        color: "#393939",
        opacity: 1,
      },
    },
+    "&:hover": {
+      borderColor: "#000",
+    },
  },
 };