CE-740 make all h3 same size; update styles on recently-viewed

This commit is contained in:
2023-11-15 13:15:53 -06:00
parent c1065099e5
commit fbcee2b819
5 changed files with 26 additions and 8 deletions

View File

@ -26,7 +26,6 @@ import {ReactNode, useContext} from "react";
import {Link} from "react-router-dom";
import QContext from "QContext";
import colors from "qqq/assets/theme/base/colors";
import pxToRem from "qqq/assets/theme/functions/pxToRem";
import MDTypography from "qqq/components/legacy/MDTypography";
interface Props
@ -118,7 +117,7 @@ function QBreadcrumbs({icon, title, route, light}: Props): JSX.Element
fontWeight: "500",
color: colors.dark.main,
"& a": {
color: "#757575"
color: colors.gray.main
},
"& .MuiBreadcrumbs-separator": {
fontSize: "1.125rem",
@ -142,10 +141,6 @@ function QBreadcrumbs({icon, title, route, light}: Props): JSX.Element
variant="h3"
color={light ? "white" : "dark"}
noWrap
sx={{
fontSize: "1.75rem",
fontWeight: "600"
}}
>
{pageHeader}
</MDTypography>

View File

@ -159,7 +159,7 @@ function NavBar({absolute, light, isMini}: Props): JSX.Element
options={history}
autoHighlight
blurOnSelect
style={{width: "200px"}}
style={{width: "16rem"}}
onOpen={handleHistoryOnOpen}
onChange={handleAutocompleteOnChange}
PopperComponent={CustomPopper}

View File

@ -20,6 +20,7 @@
*/
import {Theme} from "@mui/material/styles";
import colors from "qqq/assets/theme/base/colors";
function navbar(theme: Theme | any, ownerState: any)
{
@ -154,6 +155,16 @@ const navbarDesktopMenu = ({breakpoints}: Theme) => ({
});
const recentlyViewedMenu = ({breakpoints}: Theme) => ({
"& .MuiInputLabel-root": {
color: colors.gray.main,
fontWeight: "500",
fontSize: "1rem"
},
"& .MuiInputAdornment-root": {
marginTop: "0.5rem",
color: colors.gray.main,
fontSize: "1rem"
},
"& .MuiOutlinedInput-root": {
borderRadius: "0",
padding: "0"