moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add spacing above textarea

This commit is contained in:
Chewbacca 2022-12-14 12:26:44 -05:00
parent 5d5a29b9f0
commit c54b50c562
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/soapbox/pages/home_page.tsx
View File

@ -16,8 +16,7 @@ import {
} from 'soapbox/features/ui/util/async-components'; } from 'soapbox/features/ui/util/async-components';
import { useAppSelector, useOwnAccount, useFeatures, useSoapboxConfig } from 'soapbox/hooks'; import { useAppSelector, useOwnAccount, useFeatures, useSoapboxConfig } from 'soapbox/hooks';
import Avatar from '../components/avatar'; import { Avatar, Card, CardBody, Layout } from '../components/ui';
import { Card, CardBody, Layout } from '../components/ui';
import ComposeForm from '../features/compose/components/compose-form'; import ComposeForm from '../features/compose/components/compose-form';
import BundleContainer from '../features/ui/containers/bundle_container'; import BundleContainer from '../features/ui/containers/bundle_container';
// import GroupSidebarPanel from '../features/groups/sidebar_panel'; // import GroupSidebarPanel from '../features/groups/sidebar_panel';
@ -35,6 +34,7 @@ const HomePage: React.FC = ({ children }) => {
const cryptoLimit = soapboxConfig.cryptoDonatePanel.get('limit', 0); const cryptoLimit = soapboxConfig.cryptoDonatePanel.get('limit', 0);
const acct = account ? account.acct : ''; const acct = account ? account.acct : '';
const avatar = account ? account.avatar : '';
return ( return (
<> <>
@ -44,15 +44,17 @@ const HomePage: React.FC = ({ children }) => {
<CardBody> <CardBody>
<div className='flex items-start space-x-4'> <div className='flex items-start space-x-4'>
<Link to={`/@${acct}`}> <Link to={`/@${acct}`}>
<Avatar account={account} size={46} /> <Avatar src={avatar} size={46} />
</Link> </Link>
<ComposeForm <div className='pt-0.5'>
id='home' <ComposeForm
shouldCondense id='home'
autoFocus={false} shouldCondense
clickableAreaRef={composeBlock} autoFocus={false}
/> clickableAreaRef={composeBlock}
/>
</div>
</div> </div>
</CardBody> </CardBody>
</Card> </Card>