fix: minor tw4 fixes and lint tw format

This commit is contained in:
Scott Wilson
2025-10-10 10:41:20 -07:00
parent bf5a291e87
commit 29b2333781
838 changed files with 3509 additions and 3511 deletions
@@ -200,15 +200,15 @@ const ViewMembersModalContent = ({
/>
<TableContainer
className={twMerge(
"mt-4 flex flex-1 flex-col border border-mineshaft-500 bg-mineshaft-700",
"border-mineshaft-500 bg-mineshaft-700 mt-4 flex flex-1 flex-col border",
Boolean(filteredMembers.length) && "rounded-b-none"
)}
>
<Table className="overflow-y-auto bg-mineshaft-700">
<Table className="bg-mineshaft-700 overflow-y-auto">
<THead className="sticky top-0 z-50">
<Tr>
<Th className="w-1/3 border-none bg-mineshaft-700 p-0">
<div className="flex h-12 w-full items-center border-b-2 border-mineshaft-500 px-3 py-2.5">
<Th className="bg-mineshaft-700 w-1/3 border-none p-0">
<div className="border-mineshaft-500 flex h-12 w-full items-center border-b-2 px-3 py-2.5">
Name
<IconButton
variant="plain"
@@ -226,8 +226,8 @@ const ViewMembersModalContent = ({
</IconButton>
</div>
</Th>
<Th className="w-1/3 border-none bg-mineshaft-700 p-0">
<div className="flex h-12 w-full items-center border-b-2 border-mineshaft-500 px-3 py-2.5">
<Th className="bg-mineshaft-700 w-1/3 border-none p-0">
<div className="border-mineshaft-500 flex h-12 w-full items-center border-b-2 px-3 py-2.5">
Email
<IconButton
variant="plain"
@@ -245,13 +245,13 @@ const ViewMembersModalContent = ({
</IconButton>
</div>
</Th>
<Th className="w-1/4 border-none bg-mineshaft-700 p-0">
<div className="flex h-12 w-full items-center border-b-2 border-mineshaft-500 px-3 py-2.5">
<Th className="bg-mineshaft-700 w-1/4 border-none p-0">
<div className="border-mineshaft-500 flex h-12 w-full items-center border-b-2 px-3 py-2.5">
Role
</div>
</Th>
<Th className="w-5 border-none bg-mineshaft-700 p-0">
<div className="flex h-12 w-full items-center border-b-2 border-mineshaft-500 px-3 py-2.5" />
<Th className="bg-mineshaft-700 w-5 border-none p-0">
<div className="border-mineshaft-500 flex h-12 w-full items-center border-b-2 px-3 py-2.5" />
</Th>
</Tr>
</THead>
@@ -277,7 +277,7 @@ const ViewMembersModalContent = ({
status !== OrgMembershipStatus.Accepted && (
<Button
isDisabled={resendOrgInvite.isPending}
className="ml-2 h-7 border-mineshaft-600 bg-mineshaft-800/50 font-normal"
className="border-mineshaft-600 bg-mineshaft-800/50 ml-2 h-7 font-normal"
colorSchema="primary"
variant="outline_bg"
size="xs"
@@ -296,7 +296,7 @@ const ViewMembersModalContent = ({
</div>
</Td>
<Td className="max-w-0">
<Badge className="flex w-fit max-w-full items-center gap-x-1 bg-mineshaft-400/50 whitespace-nowrap text-bunker-200">
<Badge className="bg-mineshaft-400/50 text-bunker-200 flex w-fit max-w-full items-center gap-x-1 whitespace-nowrap">
<p className="truncate capitalize">{member.role.replace("-", " ")}</p>
{Boolean(member.roleId) && (
<Tooltip content="This member has a custom role assigned.">
@@ -351,7 +351,7 @@ const ViewMembersModalContent = ({
</Table>
{!filteredMembers.length && (
<EmptyState
className="my-auto bg-mineshaft-700"
className="bg-mineshaft-700 my-auto"
title={
members.length
? "No organization members match search..."
@@ -363,7 +363,7 @@ const ViewMembersModalContent = ({
</TableContainer>
{Boolean(filteredMembers.length) && (
<Pagination
className="rounded-b-md border border-t-0 bg-mineshaft-700"
className="bg-mineshaft-700 rounded-b-md border border-t-0"
count={filteredMembers.length}
page={page}
perPage={perPage}
@@ -545,7 +545,7 @@ const OrganizationsPanelTable = ({
<Tooltip className="text-center" content="View Members">
<FontAwesomeIcon
icon={faEye}
className="mr-1.5 text-mineshaft-300"
className="text-mineshaft-300 mr-1.5"
size="sm"
/>
</Tooltip>
@@ -711,11 +711,11 @@ export const OrganizationsTable = () => {
};
return (
<div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="border-mineshaft-600 bg-mineshaft-900 mb-6 rounded-lg border p-4">
<div className="mb-4 flex items-center justify-between">
<div>
<p className="text-xl font-medium text-mineshaft-100">Organizations</p>
<p className="text-sm text-bunker-300">
<p className="text-mineshaft-100 text-xl font-medium">Organizations</p>
<p className="text-bunker-300 text-sm">
Manage, join and view organizations across your instance.
</p>
</div>