Fix modal overlays — replace deprecated Tailwind v4 bg-opacity syntax
All 11 modal backdrop divs used `bg-black bg-opacity-50` which Tailwind v4 dropped, causing solid-black overlays. Replaced with `bg-black/50` across AuthModal, AccountManagement, EnvelopeCreate, EnvelopeEdit, GetPaid, SetupWizard, TransactionEdit, and page.tsx. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
1 parent
7c24f1ecea
commit
8814423fa6
8 files changed
+11
-11
No files matched your search
@@ -49,7 +49,7 @@ export default function TransactionEdit({ transaction, envelopes, accounts, onSa
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
|
||||
<div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
|
||||
<div className="bg-white rounded-lg p-6 w-full max-w-md mx-4">
|
||||
<h3 className="text-lg font-semibold text-gray-900 mb-4">Edit Transaction</h3>
|
||||
|
||||
|
||||
Reference in new issue
Block a user