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

Move comment btn to its own row on xs

Browse Source
This commit is contained in:
Ian Philips 2022-05-18 21:34:59 -06:00
parent e6dabf97d9
commit 6935f8865d
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/components/feed/feed-comments.tsx
View File

@ -348,7 +348,7 @@ export function CommentInput(props: {
</div> </div>
<Row className="grid grid-cols-8 gap-1.5 text-gray-700"> <Row className="grid grid-cols-8 gap-1.5 text-gray-700">
<Col className={'col-span-4 sm:col-span-6'}> <Col className={'col-span-8 sm:col-span-6'}>
<Textarea <Textarea
ref={setRef} ref={setRef}
value={comment} value={comment}
@ -378,7 +378,7 @@ export function CommentInput(props: {
</Col> </Col>
<Col <Col
className={clsx( className={clsx(
'col-span-4 sm:col-span-2', 'col-span-8 sm:col-span-2',
focused ? 'justify-end' : 'justify-center' focused ? 'justify-end' : 'justify-center'
)} )}
> >
@ -395,7 +395,7 @@ export function CommentInput(props: {
{user && !isSubmitting && ( {user && !isSubmitting && (
<button <button
className={clsx( className={clsx(
'btn text-transform: block capitalize', 'btn text-transform: col-span-8 block capitalize sm:col-span-2',
focused && comment focused && comment
? 'btn-outline btn-sm ' ? 'btn-outline btn-sm '
: 'btn-ghost btn-sm pointer-events-none text-gray-500' : 'btn-ghost btn-sm pointer-events-none text-gray-500'