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`); 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> </Text>
<SetStatusBarModal <SetStatusBarModal
isControl isControl
@ -183,7 +189,7 @@ export function Profile(props: any): ReactElement | null {
} }
return ( return (
<Center p={[0, 4]} height='100%' width='100%'> <Center p={[3, 4]} height='100%' width='100%'>
<Box maxWidth='600px' width='100%' position='relative'> <Box maxWidth='600px' width='100%' position='relative'>
{ isEdit ? ( { isEdit ? (
<EditProfile <EditProfile