fix(ui): modais responsivos — 96×98 em desktop, tela cheia em mobile
This commit is contained in:
@@ -48,8 +48,8 @@ const NovoLeadModal: React.FC<{ onClose: () => void; onSaved: () => void }> = ({
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="fixed inset-0 bg-black/50 z-50 flex items-center justify-center backdrop-blur-sm p-2 lg:p-0">
|
||||
<div className="bg-white rounded-xl shadow-2xl w-full max-w-md lg:max-w-none lg:w-[90vw] lg:h-[98vh] animate-in fade-in zoom-in-50 duration-200 flex flex-col overflow-hidden">
|
||||
<div className="fixed inset-0 bg-black/50 z-50 flex items-center justify-center backdrop-blur-sm p-0">
|
||||
<div className="bg-white shadow-2xl w-full h-dvh md:w-[96vw] md:h-[98vh] rounded-none md:rounded-xl flex flex-col overflow-hidden animate-in fade-in zoom-in-50 duration-200">
|
||||
<div className="px-5 py-4 border-b border-gray-200 flex justify-between items-center flex-shrink-0 bg-gradient-to-r from-green-50 to-white">
|
||||
<h2 className="text-base font-bold text-gray-800 uppercase flex items-center gap-2">
|
||||
<UserPlus size={18} className="text-green-500" /> CADASTRAR NOVO LEAD
|
||||
@@ -251,8 +251,8 @@ export const LeadsView: React.FC = () => {
|
||||
</div>
|
||||
|
||||
{isConvertModalOpen && selectedLead && (
|
||||
<div className="fixed inset-0 bg-black/50 z-50 flex items-center justify-center backdrop-blur-sm p-2 lg:p-0">
|
||||
<div className="bg-white rounded-xl shadow-2xl w-full max-w-md lg:max-w-none lg:w-[90vw] lg:h-[98vh] animate-in fade-in zoom-in-50 duration-200 flex flex-col overflow-hidden">
|
||||
<div className="fixed inset-0 bg-black/50 z-50 flex items-center justify-center backdrop-blur-sm p-0">
|
||||
<div className="bg-white shadow-2xl w-full h-dvh md:w-[96vw] md:h-[98vh] rounded-none md:rounded-xl flex flex-col overflow-hidden animate-in fade-in zoom-in-50 duration-200">
|
||||
<div className="px-5 py-4 border-b border-gray-200 flex justify-between items-center flex-shrink-0 bg-gradient-to-r from-blue-50 to-white">
|
||||
<h3 className="text-lg font-bold text-gray-800 uppercase flex items-center gap-2">
|
||||
<UserPlus size={18} className="text-blue-500" /> CONVERTER LEAD
|
||||
|
||||
Reference in New Issue
Block a user