profile: pad and optimise on small viewports

Fixes urbit/landscape#658
This commit is contained in:
Matilde Park 2021-04-13 14:04:10 -04:00
parent d9f8ebd5fe
commit 1ae61a0715

View File

@ -134,7 +134,13 @@ export function ProfileActions(props: any): ReactElement {
history.push(`/~profile/${ship}/edit`);
}}
>
Edit {isPublic ? 'Public' : 'Private'} Profile
Edit
<Text
fontWeight='500'
cursor='pointer'
display={['none','inline']}>
{isPublic ? ' Public' : ' Private'} Profile
</Text>
</Text>
<SetStatusBarModal
isControl
@ -183,7 +189,7 @@ export function Profile(props: any): ReactElement | null {
}
return (
<Center p={[0, 4]} height='100%' width='100%'>
<Center p={[3, 4]} height='100%' width='100%'>
<Box maxWidth='600px' width='100%' position='relative'>
{ isEdit ? (
<EditProfile