center and enlargen homepage buttons
This commit is contained in:
parent
34815793e9
commit
8fb6343b03
@ -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>
|
||||
|
||||
@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user