Arrelin/family_budget
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
arrelin
2026-01-23 17:01:47 +03:00
parent b18f69ea62
commit 471da855bf
11 changed files with 194 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/ConfirmModal.tsx
View File

@@ -27,8 +27,8 @@ export default function ConfirmModal({
switch (variant) {
case 'danger':
return {
icon: 'bg-red-100 text-red-600',
confirmButton: 'bg-gradient-to-r from-red-500 to-red-600 hover:shadow-lg',
icon: 'btn-danger',
confirmButton: 'btn-danger hover:shadow-lg',
};
case 'warning':
return {
@@ -37,8 +37,8 @@ export default function ConfirmModal({
};
case 'info':
return {
icon: 'bg-blue-100 text-blue-600',
confirmButton: 'bg-gradient-to-r from-blue-500 to-blue-600 hover:shadow-lg',
icon: 'btn-primary',
confirmButton: 'btn-primary hover:shadow-lg',
};
}
};
@@ -47,10 +47,10 @@ export default function ConfirmModal({
return (
<div className="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-[60] p-4">
<div className="bg-white rounded-3xl shadow-2xl max-w-md w-full overflow-hidden animate-scale-in">
<div className="glass-effect rounded-3xl shadow-2xl max-w-md w-full overflow-hidden animate-scale-in">
<div className="p-6">
<div className="flex items-start gap-4">
<div className={`p-3 rounded-2xl ${styles.icon}`}>
<div className={`p-3 rounded-2xl ${styles.icon} text-white`}>
<AlertTriangle className="w-6 h-6" />
</div>
<div className="flex-1">