diff --git a/src/components/ui/DaoCreator.tsx b/src/components/ui/DaoCreator.tsx index 436f4a3c..08b68238 100644 --- a/src/components/ui/DaoCreator.tsx +++ b/src/components/ui/DaoCreator.tsx @@ -142,13 +142,13 @@ export const CustomFormikTextField = withStyles({ "& .MuiInputBase-root": { textWeight: 300 }, - "& .MuiInput-underline:before": { + "& .MuiInput-root:before": { borderBottom: "none !important" }, - "& .MuiInput-underline:hover:before": { + "& .MuiInput-root:hover:before": { borderBottom: "none !important" }, - "& .MuiInput-underline:after": { + "& .MuiInput-root:after": { borderBottom: "none !important" } } diff --git a/src/components/ui/InputText.tsx b/src/components/ui/InputText.tsx index 9258ac81..95897f16 100644 --- a/src/components/ui/InputText.tsx +++ b/src/components/ui/InputText.tsx @@ -26,13 +26,13 @@ const InputText = withStyles(theme => ({ opacity: 1 } }, - "& .MuiInput-underline:before": { + "& .MuiInput-root:before": { borderBottom: "none" }, - "& .MuiInput-underline:hover:before": { + "& .MuiInput-root:hover:before": { borderBottom: "none" }, - "& .MuiInput-underline:after": { + "& .MuiInput-root:after": { borderBottom: "none" } } diff --git a/src/components/ui/StyledTextField.tsx b/src/components/ui/StyledTextField.tsx index 11aa83b3..9029bf33 100644 --- a/src/components/ui/StyledTextField.tsx +++ b/src/components/ui/StyledTextField.tsx @@ -18,7 +18,7 @@ export const StyledTextField = styled(TextField)({ "& label.Mui-focused": { color: "#fff" }, - "& .MuiInput-underline:after": { + "& .MuiInput-root:after": { borderBottomColor: "#fff" }, "& .MuiOutlinedInput-root": { @@ -36,7 +36,7 @@ export const StyledTextField = styled(TextField)({ "& .MuiInputLabel-root": { color: "rgba(255, 255, 255, 0.7)" }, - "& .MuiInput-underline:before": { + "& .MuiInput-root:before": { borderBottomColor: "#ccc" } }) diff --git a/src/modules/common/SmallButton.tsx b/src/modules/common/SmallButton.tsx index 82a4c53e..63a73d08 100644 --- a/src/modules/common/SmallButton.tsx +++ b/src/modules/common/SmallButton.tsx @@ -7,17 +7,19 @@ export const SmallButton = styled(Button)({ "transition": ".15s ease-out", "textTransform": "capitalize", "borderRadius": 8, - "backgroundColor": "#81feb7 !important", + "backgroundColor": "#81feb7", "color": "#1c1f23", "padding": "8px 16px", - "&$disabled": { - boxShadow: "none" + "&.Mui-disabled": { + boxShadow: "none", + backgroundColor: "#474E55", + color: "#7d8c8b" }, "&:hover": { boxShadow: "0px 0px 7px -2px rgba(0, 0, 0, 0.2)", - backgroundColor: "#62eda5 !important", + backgroundColor: "#62eda5", transition: ".15s ease-in" } }) @@ -29,19 +31,20 @@ export const SmallButtonDialog = styled(Button)({ "transition": ".15s ease-out", "textTransform": "capitalize", "borderRadius": 8, - "backgroundColor": "#81feb7 !important", + "backgroundColor": "#81feb7", "color": "#1c1f23", "padding": "8px 16px", - "&$disabled": { + "&.Mui-disabled": { boxShadow: "none", - backgroundColor: "#474E55 !important", + backgroundColor: "#474E55", + color: "#7d8c8b", border: "none" }, "&:hover": { boxShadow: "0px 0px 7px -2px rgba(0, 0, 0, 0.2)", - backgroundColor: "#62eda5 !important", + backgroundColor: "#62eda5", transition: ".15s ease-in" } }) diff --git a/src/modules/creator/token/ui/index.tsx b/src/modules/creator/token/ui/index.tsx index a855c3c5..d0cf1bbc 100644 --- a/src/modules/creator/token/ui/index.tsx +++ b/src/modules/creator/token/ui/index.tsx @@ -57,13 +57,13 @@ export const CustomFormikTextField = withStyles({ "& .MuiInputBase-input": { textAlign: "initial" }, - "& .MuiInput-underline:before": { + "& .MuiInput-root:before": { borderBottom: "none !important" }, - "& .MuiInput-underline:hover:before": { + "& .MuiInput-root:hover:before": { borderBottom: "none !important" }, - "& .MuiInput-underline:after": { + "& .MuiInput-root:after": { borderBottom: "none !important" } } diff --git a/src/modules/etherlink/components/proposalRenderers/FullValueFieldWithCopy.tsx b/src/modules/etherlink/components/proposalRenderers/FullValueFieldWithCopy.tsx index 155c47f1..4b6f7767 100644 --- a/src/modules/etherlink/components/proposalRenderers/FullValueFieldWithCopy.tsx +++ b/src/modules/etherlink/components/proposalRenderers/FullValueFieldWithCopy.tsx @@ -22,13 +22,13 @@ const StyledTextField = styled(TextField)(({ theme }) => ({ padding: 0, cursor: "pointer" }, - "& .MuiInput-underline:before": { + "& .MuiInput-root:before": { borderBottom: "none" }, - "& .MuiInput-underline:after": { + "& .MuiInput-root:after": { borderBottom: "none" }, - "& .MuiInput-underline:hover:not(.Mui-disabled):before": { + "& .MuiInput-root:hover:not(.Mui-disabled):before": { borderBottom: "none" } })) diff --git a/src/modules/etherlink/components/proposalRenderers/ShortenedValueField.tsx b/src/modules/etherlink/components/proposalRenderers/ShortenedValueField.tsx index 73cd0005..edcf0771 100644 --- a/src/modules/etherlink/components/proposalRenderers/ShortenedValueField.tsx +++ b/src/modules/etherlink/components/proposalRenderers/ShortenedValueField.tsx @@ -22,13 +22,13 @@ const StyledTextField = styled(TextField)(({ theme }) => ({ padding: 0, cursor: "pointer" }, - "& .MuiInput-underline:before": { + "& .MuiInput-root:before": { borderBottom: "none" }, - "& .MuiInput-underline:after": { + "& .MuiInput-root:after": { borderBottom: "none" }, - "& .MuiInput-underline:hover:not(.Mui-disabled):before": { + "& .MuiInput-root:hover:not(.Mui-disabled):before": { borderBottom: "none" } })) diff --git a/src/modules/explorer/components/ArbitraryContractInteractionForm.tsx b/src/modules/explorer/components/ArbitraryContractInteractionForm.tsx index 496ca467..0842eea4 100644 --- a/src/modules/explorer/components/ArbitraryContractInteractionForm.tsx +++ b/src/modules/explorer/components/ArbitraryContractInteractionForm.tsx @@ -178,13 +178,13 @@ const CustomFormikTextField = withStyles({ "& .MuiInputBase-input": { textAlign: "initial" }, - "& .MuiInput-underline:before": { + "& .MuiInput-root:before": { borderBottom: "none !important" }, - "& .MuiInput-underline:hover:before": { + "& .MuiInput-root:hover:before": { borderBottom: "none !important" }, - "& .MuiInput-underline:after": { + "& .MuiInput-root:after": { borderBottom: "none !important" } } diff --git a/src/modules/explorer/components/FilterNFTDialog.tsx b/src/modules/explorer/components/FilterNFTDialog.tsx index d338b397..b22e0023 100644 --- a/src/modules/explorer/components/FilterNFTDialog.tsx +++ b/src/modules/explorer/components/FilterNFTDialog.tsx @@ -45,19 +45,16 @@ const CustomTextField = withStyles({ "& .MuiInputBase-root": { textWeight: 300 }, - "& .MuiInput-underline": { + "& .MuiInput-root:before": { borderBottom: "none !important" }, - "& .MuiInput-underline:before": { + "& .MuiInput-root:hover:before": { borderBottom: "none !important" }, - "& .MuiInput-underline:hover:before": { + "& .MuiInput-root:after": { borderBottom: "none !important" }, - "& .MuiInput-underline:after": { - borderBottom: "none !important" - }, - "& .MuiInput-underline:hover:not(.Mui-disabled):before": { + "& .MuiInput-root:hover:not(.Mui-disabled):before": { borderBottom: "none !important" } } diff --git a/src/modules/explorer/components/FiltersTokensDialog.tsx b/src/modules/explorer/components/FiltersTokensDialog.tsx index 4955d945..8a3a321d 100644 --- a/src/modules/explorer/components/FiltersTokensDialog.tsx +++ b/src/modules/explorer/components/FiltersTokensDialog.tsx @@ -40,19 +40,16 @@ const CustomTextField = withStyles({ "& .MuiInputBase-root": { textWeight: 300 }, - "& .MuiInput-underline": { + "& .MuiInput-root:before": { borderBottom: "none !important" }, - "& .MuiInput-underline:before": { + "& .MuiInput-root:hover:before": { borderBottom: "none !important" }, - "& .MuiInput-underline:hover:before": { + "& .MuiInput-root:after": { borderBottom: "none !important" }, - "& .MuiInput-underline:after": { - borderBottom: "none !important" - }, - "& .MuiInput-underline:hover:not(.Mui-disabled):before": { + "& .MuiInput-root:hover:not(.Mui-disabled):before": { borderBottom: "none !important" } } diff --git a/src/modules/explorer/components/FiltersTransactionsDialog.tsx b/src/modules/explorer/components/FiltersTransactionsDialog.tsx index c0a3d4c3..e16d336f 100644 --- a/src/modules/explorer/components/FiltersTransactionsDialog.tsx +++ b/src/modules/explorer/components/FiltersTransactionsDialog.tsx @@ -46,19 +46,16 @@ const CustomTextField = withStyles({ "& .MuiInputBase-root": { textWeight: 300 }, - "& .MuiInput-underline": { + "& .MuiInput-root:before": { borderBottom: "none !important" }, - "& .MuiInput-underline:before": { + "& .MuiInput-root:hover:before": { borderBottom: "none !important" }, - "& .MuiInput-underline:hover:before": { + "& .MuiInput-root:after": { borderBottom: "none !important" }, - "& .MuiInput-underline:after": { - borderBottom: "none !important" - }, - "& .MuiInput-underline:hover:not(.Mui-disabled):before": { + "& .MuiInput-root:hover:not(.Mui-disabled):before": { borderBottom: "none !important" } } diff --git a/src/modules/explorer/components/ProposalActionsDialog.tsx b/src/modules/explorer/components/ProposalActionsDialog.tsx index d81893fe..c0584962 100644 --- a/src/modules/explorer/components/ProposalActionsDialog.tsx +++ b/src/modules/explorer/components/ProposalActionsDialog.tsx @@ -31,13 +31,14 @@ export type ProposalFormDefaultValues = RecursivePartial // TODO: Move this to a shared component const OptionContainer = styled(Grid)(({ theme }) => ({ - "minHeight": 80, + "minHeight": 110, + "height": "100%", + "boxSizing": "border-box", "background": theme.palette.primary.main, "borderRadius": 8, - "padding": "35px 42px", + "padding": "28px 42px", "marginBottom": 16, "cursor": "pointer", - "height": 110, "&:hover:enabled": { background: theme.palette.secondary.dark, scale: 1.01, diff --git a/src/modules/explorer/pages/DAOList/components/Searchbar.tsx b/src/modules/explorer/pages/DAOList/components/Searchbar.tsx index ce0b09a0..b75e1c1b 100644 --- a/src/modules/explorer/pages/DAOList/components/Searchbar.tsx +++ b/src/modules/explorer/pages/DAOList/components/Searchbar.tsx @@ -31,13 +31,13 @@ const StyledInput = withStyles((theme: Theme) => ({ outline: "none" } }, - "& .MuiInput-underline:before": { + "& .MuiInput-root:before": { borderBottomColor: "transparent" }, - "& .MuiInput-underline:hover:before": { + "& .MuiInput-root:hover:before": { borderBottomColor: "transparent" }, - "& .MuiInput-underline:after": { + "& .MuiInput-root:after": { borderBottomColor: "transparent" } } diff --git a/src/modules/explorer/pages/Proposals/index.tsx b/src/modules/explorer/pages/Proposals/index.tsx index 9a54d563..b20feca9 100644 --- a/src/modules/explorer/pages/Proposals/index.tsx +++ b/src/modules/explorer/pages/Proposals/index.tsx @@ -10,7 +10,6 @@ import { ReactComponent as LinkInactive } from "assets/img/link_inactive.svg" import { ReactComponent as UnlinkActive } from "assets/img/unlink_active.svg" import { ReactComponent as UnlinkInactive } from "assets/img/unlink_inactive.svg" -import { ContentContainer } from "../../components/ContentContainer" import { SmallButton } from "modules/common/SmallButton" import { ProposalActionsDialog } from "modules/explorer/components/ProposalActionsDialog" import { TabPanel } from "modules/explorer/components/TabPanel" @@ -37,27 +36,6 @@ const TabsContainer = styled(Grid)({ gap: 16 }) -const HeroContainer = styled(ContentContainer)(({ theme }) => ({ - background: "inherit !important", - paddingTop: 0, - padding: "0px", - display: "inline-flex", - alignItems: "center", - [theme.breakpoints.down("md")]: { - maxHeight: "fit-content" - } -})) - -const TitleText = styled(Typography)({ - fontSize: 36, - fontWeight: 500, - lineHeight: 0.9, - - ["@media (max-width:1030px)"]: { - fontSize: 26 - } -}) - const StyledTab = styled(({ isSelected, ...other }: any) =>