diff options
| author | lonkaars <l.leblansch@gmail.com> | 2021-02-07 21:16:54 +0100 |
|---|---|---|
| committer | lonkaars <l.leblansch@gmail.com> | 2021-02-07 21:16:54 +0100 |
| commit | 38f699b9b6c0cf18cbcff9c457b90aa63863b5de (patch) | |
| tree | 8aaefd2cf73c70686da174d60b670a63ae751491 /pages/account.tsx | |
| parent | ab1b3c4db3e90491c1f42910e85b1b830599a929 (diff) | |
more account page
Diffstat (limited to 'pages/account.tsx')
| -rw-r--r-- | pages/account.tsx | 27 |
1 files changed, 24 insertions, 3 deletions
diff --git a/pages/account.tsx b/pages/account.tsx index c1197cd..238a9fc 100644 --- a/pages/account.tsx +++ b/pages/account.tsx @@ -1,8 +1,13 @@ +import Icon from '@mdi/react'; + import { NavBar } from '../components/navbar'; import { CenteredPage, PageTitle } from '../components/page'; -import { Vierkant } from '../components/ui'; +import { Vierkant, IconLabelButton } from '../components/ui'; import { AccountAvatar } from '../components/account'; +import PersonAddOutlinedIcon from '@material-ui/icons/PersonAddOutlined'; +import { mdiAccountCancelOutline } from '@mdi/js'; + export default function AccountPage() { return ( <div> @@ -30,10 +35,26 @@ export default function AccountPage() { }}> <div style={{ width: 40, - height: 30, + height: 27, backgroundColor: "#ff00ff", - verticalAlign: "bottom" + position: "absolute", + left: 0, bottom: 0 }}></div> + <IconLabelButton icon={<PersonAddOutlinedIcon/>} text="Vriendschapsverzoek"/> + <IconLabelButton icon={<Icon size={1} path={mdiAccountCancelOutline}/>} text="Blokkeren"/> + </div> + </Vierkant> + <Vierkant fullwidth> + <div style={{ + display: "grid", + gridTemplateColumns: "repeat(5, 1fr)", + gridGap: 12 + }}> + <div> <span>gert</span> </div> + <div> <span>gert</span> </div> + <div> <span>gert</span> </div> + <div> <span>gert</span> </div> + <div> <span>gert</span> </div> </div> </Vierkant> </CenteredPage> |