Remove border on ask question form. Add padding to fold title on mobile
This commit is contained in:
parent
acc95bbd9c
commit
d5742900b0
|
@ -81,7 +81,7 @@ export default function FeedCreate(props: {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<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()}
|
onClick={() => inputRef.current?.focus()}
|
||||||
>
|
>
|
||||||
<div className="relative flex items-start space-x-3">
|
<div className="relative flex items-start space-x-3">
|
||||||
|
|
|
@ -155,26 +155,28 @@ export default function FoldPage(props: {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Page wide>
|
<Page wide>
|
||||||
<Row className="justify-between mb-6 px-1">
|
<div className="px-3 lg:px-1">
|
||||||
<Title className="!m-0" text={fold.name} />
|
<Row className="justify-between mb-6">
|
||||||
{isCurator ? (
|
<Title className="!m-0" text={fold.name} />
|
||||||
<EditFoldButton className="ml-1" fold={fold} />
|
{isCurator ? (
|
||||||
) : (
|
<EditFoldButton className="ml-1" fold={fold} />
|
||||||
<FollowFoldButton 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}
|
|
||||||
/>
|
|
||||||
</Row>
|
</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">
|
<div className="tabs mb-2">
|
||||||
<Link href={foldPath(fold)} shallow>
|
<Link href={foldPath(fold)} shallow>
|
||||||
|
@ -216,7 +218,7 @@ export default function FoldPage(props: {
|
||||||
<Col className="flex-1">
|
<Col className="flex-1">
|
||||||
{user !== null && (
|
{user !== null && (
|
||||||
<FeedCreate
|
<FeedCreate
|
||||||
className={clsx(page !== 'activity' && 'hidden')}
|
className={clsx('border-b-2', page !== 'activity' && 'hidden')}
|
||||||
user={user}
|
user={user}
|
||||||
tag={toCamelCase(fold.name)}
|
tag={toCamelCase(fold.name)}
|
||||||
placeholder={`Type your question about ${fold.name}`}
|
placeholder={`Type your question about ${fold.name}`}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user