more prominent invite section

a-type · Nov 11, 2024 · b103e41 · b103e41
1 parent 4cb2e78
commit b103e41
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/web/src/components/plan/InviteMember.tsx b/web/src/components/plan/InviteMember.tsx
@@ -33,7 +33,6 @@ export function InviteMember({}: InviteMemberProps) {
 				bag.resetForm();
 				toast.success('Invitation sent!');
 			}}
-			className="p-3"
 		>
 			<TextField name="email" label="Email" />
 			<SubmitButton>Invite</SubmitButton>

diff --git a/web/src/components/plan/MembersAndInvitations.tsx b/web/src/components/plan/MembersAndInvitations.tsx
@@ -10,7 +10,7 @@ import {
 } from '@a-type/ui/components/card';
 import { useMutation, useSuspenseQuery, graphql } from '@biscuits/graphql';
 import { InviteMember } from './InviteMember.js';
-import { H2, H3 } from '@a-type/ui/components/typography';
+import { H3 } from '@a-type/ui/components/typography';
 import { ConfirmedButton } from '@a-type/ui/components/button';
 
 const membersQuery = graphql(`
@@ -86,7 +86,7 @@ export function MembersAndInvitations() {
 				))}
 			</CardGrid>
 			{plan?.canInviteMore ?
-				<div className="py-4">
+				<div className="p-4 flex flex-col items-stretch gap-3 bg-accent-wash border-accent-dark border-1 border-solid rounded-lg">
 					<H3>Invite someone</H3>
 					<InviteMember />
 				</div>