diff --git a/src/Pages/StatusPage/Create/Components/Tabs/index.jsx b/src/Pages/StatusPage/Create/Components/Tabs/index.jsx index 11f6b4f9a..da2da9acf 100644 --- a/src/Pages/StatusPage/Create/Components/Tabs/index.jsx +++ b/src/Pages/StatusPage/Create/Components/Tabs/index.jsx @@ -1,6 +1,6 @@ // Components import { TabContext, TabList } from "@mui/lab"; -import { Tab } from "@mui/material"; +import { Box, Tab, useTheme } from "@mui/material"; import Settings from "./Settings"; import Content from "./Content"; @@ -22,23 +22,32 @@ const Tabs = ({ setTab, TAB_LIST, }) => { + + const theme = useTheme(); return ( - { - setTab(TAB_LIST.indexOf(tab)); + - {TAB_LIST.map((tab, idx) => { - return ( - - ); - })} - + { + setTab(TAB_LIST.indexOf(tab)); + }} + > + {TAB_LIST.map((tab, idx) => { + return ( + + ); + })} + + {tab === 0 ? ( )} + ); }; diff --git a/src/Utils/Theme/globalTheme.js b/src/Utils/Theme/globalTheme.js index af21345bd..306ed3466 100644 --- a/src/Utils/Theme/globalTheme.js +++ b/src/Utils/Theme/globalTheme.js @@ -370,6 +370,7 @@ const baseTheme = (palette) => ({ color: theme.palette.tertiary.contrastText, backgroundColor: theme.palette.primary.main, height: '34px', + minHeight: '34px', borderRadius: 0, textTransform: "none", minWidth: "fit-content",