mirror of
https://github.com/balzack/databag.git
synced 2025-04-22 17:45:18 +00:00
styling profile page
This commit is contained in:
parent
0e4d2005d8
commit
2be89bf306
@ -62,4 +62,5 @@ export const CreateLogin = styled(Button)`
|
||||
|
||||
export const CreateSpin = styled(Spin)`
|
||||
position: absolute;
|
||||
`
|
||||
z-index: 10;
|
||||
`;
|
||||
|
@ -62,4 +62,5 @@ export const LoginCreate = styled(Button)`
|
||||
|
||||
export const LoginSpin = styled(Spin)`
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
`;
|
||||
|
@ -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 {
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user