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

Merge branch 'fix-centering-of-compose-form' into 'develop' 

Add spacing above textarea

See merge request soapbox-pub/soapbox!2000
This commit is contained in:
Chewbacca 2022-12-14 18:37:35 +00:00
parent fa4bd20d11 15b9e0e355
commit 113de75355
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/soapbox/pages/home-page.tsx
View File

@ -16,11 +16,9 @@ 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, HStack, Layout } from '../components/ui';
import { Card, CardBody, HStack, 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';
const HomePage: React.FC = ({ children }) => { const HomePage: React.FC = ({ children }) => {
const me = useAppSelector(state => state.me); const me = useAppSelector(state => state.me);
@ -35,6 +33,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 +43,17 @@ const HomePage: React.FC = ({ children }) => {
<CardBody> <CardBody>
<HStack alignItems='start' space={4}> <HStack alignItems='start' space={4}>
<Link to={`/@${acct}`}> <Link to={`/@${acct}`}>
<Avatar account={account} size={46} /> <Avatar src={avatar} size={46} />
</Link> </Link>
<div className='translate-y-0.5 w-full'>
<ComposeForm <ComposeForm
id='home' id='home'
shouldCondense shouldCondense
autoFocus={false} autoFocus={false}
clickableAreaRef={composeBlock} clickableAreaRef={composeBlock}
/> />
</div>
</HStack> </HStack>
</CardBody> </CardBody>
</Card> </Card>