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

Remove border on ask question form. Add padding to fold title on mobile

Browse Source
This commit is contained in:
jahooma 2022-01-28 12:13:12 -06:00
parent acc95bbd9c
commit d5742900b0
2 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/feed-create.tsx
View File

@ -81,7 +81,7 @@ export default function FeedCreate(props: {
return (
<div
className={clsx('w-full bg-white border-2 sm:rounded-md p-4', className)}
className={clsx('w-full bg-white p-4', className)}
onClick={() => inputRef.current?.focus()}
>
<div className="relative flex items-start space-x-3">

42
web/pages/fold/[...slugs]/index.tsx
View File

@ -155,26 +155,28 @@ export default function FoldPage(props: {
return (
<Page wide>
<Row className="justify-between mb-6 px-1">
<Title className="!m-0" text={fold.name} />
{isCurator ? (
<EditFoldButton className="ml-1" fold={fold} />
) : (
<FollowFoldButton className="ml-1" fold={fold} />
)}
</Row>
<Col className="md:hidden text-gray-500 gap-2 mb-6 px-1">
<Row>
<div className="mr-1">Curated by</div>
<UserLink
className="text-neutral"
name={curator.name}
username={curator.username}
/>
<div className="px-3 lg:px-1">
<Row className="justify-between mb-6">
<Title className="!m-0" text={fold.name} />
{isCurator ? (
<EditFoldButton className="ml-1" fold={fold} />
) : (
<FollowFoldButton className="ml-1" fold={fold} />
)}
</Row>
<div>{fold.about}</div>
</Col>
<Col className="md:hidden text-gray-500 gap-2 mb-6">
<Row>
<div className="mr-1">Curated by</div>
<UserLink
className="text-neutral"
name={curator.name}
username={curator.username}
/>
</Row>
<div>{fold.about}</div>
</Col>
</div>
<div className="tabs mb-2">
<Link href={foldPath(fold)} shallow>
@ -216,7 +218,7 @@ export default function FoldPage(props: {
<Col className="flex-1">
{user !== null && (
<FeedCreate
className={clsx(page !== 'activity' && 'hidden')}
className={clsx('border-b-2', page !== 'activity' && 'hidden')}
user={user}
tag={toCamelCase(fold.name)}
placeholder={`Type your question about ${fold.name}`}