center and enlargen homepage buttons

This commit is contained in:
mbalsdon 2022-03-29 23:01:57 -07:00
parent 34815793e9
commit 8fb6343b03
2 changed files with 10 additions and 9 deletions

View File

@ -31,7 +31,7 @@ const ShortCuts: React.FC<Props> = ({ users }: Props) => {
<Button className="tile">
<PeopleIcon className="icon" />
</Button>
<Typography className="mylabel" sx={{ ml: 1 }}>
<Typography variant="h6" className="mylabel" sx={{ ml: 1 }}>
Schedule Meeting
</Typography>
</Grid>
@ -45,7 +45,7 @@ const ShortCuts: React.FC<Props> = ({ users }: Props) => {
onClose={handleClose}
users={users}
/>
<Typography className="mylabel" sx={{ ml: 1 }}>
<Typography variant="h6" className="mylabel" sx={{ ml: 1 }}>
Call Group
</Typography>
</Grid>

View File

@ -54,23 +54,24 @@ a {
.main-home .short-cuts .mylabel {
display: inline-block;
margin: 0;
width: 100px;
margin-left: 25%;
width: 125px;
text-align: center;
}
.main-home .short-cuts .tile {
margin-right: 100%;
margin-left: 25%;
margin-right: 50%;
background-color: mistyrose;
width: 100px;
height: 100px;
width: 125px;
height: 125px;
border-radius: 16px;
}
.main-home .short-cuts .tile .icon {
color: black;
width: 70%;
height: 70%;
width: 80%;
height: 80%;
}
.login .grid-container {