UBC/Alley-HSBC-Frontend
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

center and enlargen homepage buttons

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/home/ShortCuts.tsx
View File

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

15
src/style/App.css
View File

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