styling profile page

This commit is contained in:
Roland Osborne 2022-03-22 11:11:15 -07:00
parent 0e4d2005d8
commit 2be89bf306
4 changed files with 11 additions and 3 deletions

View File

@ -62,4 +62,5 @@ export const CreateLogin = styled(Button)`
export const CreateSpin = styled(Spin)`
position: absolute;
`
z-index: 10;
`;

View File

@ -62,4 +62,5 @@ export const LoginCreate = styled(Button)`
export const LoginSpin = styled(Spin)`
position: absolute;
z-index: 10;
`;

View File

@ -8,14 +8,16 @@ export const ProfileWrapper = styled.div`
background-color: #f6f5ed;
border-radius: 2px;
flex-direction: column;
padding: 16px;
align-items: center;
overflow: hidden;
.header {
display: flex;
width: 100%;
flex-direction: row;
padding-bottom: 3em;
align-items: center;
background-color: #dddddd;
height: 72px;
}
.title {
@ -35,6 +37,7 @@ export const ProfileWrapper = styled.div`
flex-direction: row;
padding: 1em;
width: 66%;
margin-top: 32px;
}
.logo {

View File

@ -24,6 +24,9 @@ export function Identity() {
<Menu.Item key="0">
<div onClick={() => actions.editProfile()}>Edit Profile</div>
</Menu.Item>
<Menu.Item key="1">
<div>Change Login</div>
</Menu.Item>
<Menu.Item key="2">
<div onClick={() => actions.logout()}>Sign Out</div>
</Menu.Item>