adjust header size and font size

This commit is contained in:
Monkey 2024-08-09 17:33:37 -04:00
parent 053487da74
commit 3aad056abe

View File

@ -19,9 +19,9 @@ export const Header: React.FC<{ title: string }> = ({ title }) => {
direction="row" direction="row"
sx={{ sx={{
backgroundColor: "background.paper", backgroundColor: "background.paper",
pl: 4, pl: 2,
alignItems: "center", alignItems: "center",
py: 2, py: 1,
}} }}
spacing={1} spacing={1}
> >
@ -31,7 +31,7 @@ export const Header: React.FC<{ title: string }> = ({ title }) => {
navigation.navigate("Home"); navigation.navigate("Home");
}} }}
> >
<SvgIcon sx={{ height: 20, width: 115 }}> <SvgIcon sx={{ height: 20, width: 100 }}>
<svg <svg
width="115" width="115"
height="20" height="20"
@ -82,7 +82,7 @@ export const Header: React.FC<{ title: string }> = ({ title }) => {
color="#FBFBFB" color="#FBFBFB"
sx={{ height: "75%", alignSelf: "center" }} sx={{ height: "75%", alignSelf: "center" }}
/> />
<Typography variant="h5" sx={{ paddingLeft: 1}}>{title}</Typography> <Typography fontSize="1.25rem" sx={{ paddingLeft: 1}}>{title}</Typography>
</Stack> </Stack>
); );
}; };