open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Visual touchups on FeedAnswerGroups

Browse Source
This commit is contained in:
Austin Chen 2022-03-15 13:11:14 -07:00
parent 1bb5d3b8cd
commit 1444d60e11
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/components/feed/feed-items.tsx
View File

@ -470,7 +470,7 @@ export function FeedQuestion(props: {
href={contractPath(contract)} href={contractPath(contract)}
className="relative top-4 self-end text-sm sm:self-start" className="relative top-4 self-end text-sm sm:self-start"
> >
<div className="pb-1.5 text-gray-500">See more...</div> <div className="pb-1.5 text-gray-400">See more...</div>
</SiteLink> </SiteLink>
)} )}
</Col> </Col>
@ -682,11 +682,11 @@ function FeedAnswerGroup(props: {
items: ActivityItem[] items: ActivityItem[]
}) { }) {
const { answer, items } = props const { answer, items } = props
const { username, avatarUrl, userId, name, text } = answer const { username, avatarUrl, name, text } = answer
return ( return (
<Col className="flex-1 gap-2"> <Col className="flex-1 gap-2">
<Row className="mb-4 gap-3"> <Row className="my-4 gap-3">
<div className="px-1"> <div className="px-1">
<div className="flex h-8 w-8 items-center justify-center rounded-full bg-gray-200"> <div className="flex h-8 w-8 items-center justify-center rounded-full bg-gray-200">
<Avatar username={username} avatarUrl={avatarUrl} /> <Avatar username={username} avatarUrl={avatarUrl} />
@ -696,7 +696,9 @@ function FeedAnswerGroup(props: {
<div className="text-sm text-gray-500"> <div className="text-sm text-gray-500">
<UserLink username={username} name={name} /> answered <UserLink username={username} name={name} /> answered
</div> </div>
<Linkify text={text} /> <span className="text-lg">
<Linkify text={text} />
</span>
</Col> </Col>
</Row> </Row>