feat: upgrade to tailwind@4

This commit is contained in:
Lucas Smith
2026-06-29 13:26:14 +10:00
parent 187b612568
commit b79895b38c
289 changed files with 1477 additions and 1941 deletions
@@ -136,7 +136,7 @@ export const DocumentAttachmentsPopover = ({
</PopoverTrigger>
<PopoverContent className="w-96" align="end">
<div className="space-y-4">
<div className="twv3-space-y-4">
<div>
<h4 className="font-medium">
<Trans>Attachments</Trans>
@@ -147,7 +147,7 @@ export const DocumentAttachmentsPopover = ({
</div>
{attachments && attachments.data.length > 0 && (
<div className="space-y-2">
<div className="twv3-space-y-2">
{attachments?.data.map((attachment) => (
<div
key={attachment.id}
@@ -187,7 +187,7 @@ export const DocumentAttachmentsPopover = ({
{isAdding && (
<Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-3">
<form onSubmit={form.handleSubmit(onSubmit)} className="twv3-space-y-3">
<FormField
control={form.control}
name="label"
@@ -118,7 +118,7 @@ export const DocumentCertificateQRView = ({
) : (
<>
<div className="flex w-full flex-col justify-between gap-4 md:flex-row md:items-end">
<div className="space-y-1">
<div className="twv3-space-y-1">
<h1 className="font-medium text-xl">{title}</h1>
<div className="flex flex-col gap-0.5 text-muted-foreground text-sm">
<p>
@@ -178,7 +178,7 @@ const DocumentCertificateQrV2 = ({ title, recipientCount, formattedDate, token }
return (
<div className="flex min-h-screen flex-col items-start">
<div className="flex w-full flex-col justify-between gap-4 md:flex-row md:items-end">
<div className="space-y-1">
<div className="twv3-space-y-1">
<h1 className="font-medium text-xl">{title}</h1>
<div className="flex flex-col gap-0.5 text-muted-foreground text-sm">
<p>
@@ -67,7 +67,7 @@ export const DocumentPageViewRecentActivity = ({ documentId, userId }: DocumentP
<AnimateGenericFadeInOut>
{data && (
<ul role="list" className="space-y-6 p-4">
<ul role="list" className="twv3-space-y-6 p-4">
{hasNextPage && (
<li className="relative flex gap-x-4">
<div className="absolute top-0 -bottom-6 left-0 flex w-6 justify-center">
@@ -97,7 +97,7 @@ export const EmbeddedEditorAttachmentPopover = ({
</PopoverTrigger>
<PopoverContent className="w-96" align="end">
<div className="space-y-4">
<div className="twv3-space-y-4">
<div>
<h4 className="font-medium">
<Trans>Attachments</Trans>
@@ -108,7 +108,7 @@ export const EmbeddedEditorAttachmentPopover = ({
</div>
{attachments.length > 0 && (
<div className="space-y-2">
<div className="twv3-space-y-2">
{attachments.map((attachment) => (
<div
key={attachment.id}
@@ -148,7 +148,7 @@ export const EmbeddedEditorAttachmentPopover = ({
{isAdding && (
<Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-3">
<form onSubmit={form.handleSubmit(onSubmit)} className="twv3-space-y-3">
<FormField
control={form.control}
name="label"