refactor: modal redesign and fix for transitions (#2987)

This commit is contained in:
Ryan Cohen
2022-08-29 14:56:04 +09:00
committed by GitHub
parent 4d56320870
commit 889caaa733
38 changed files with 164 additions and 177 deletions

View File

@@ -31,21 +31,27 @@ const Badge = (
switch (badgeType) {
case 'danger':
badgeStyle.push('bg-red-600 !text-red-100');
badgeStyle.push(
'bg-red-600 bg-opacity-80 border-red-500 border !text-red-100'
);
if (href) {
badgeStyle.push('hover:bg-red-500');
badgeStyle.push('hover:bg-red-500 bg-opacity-100');
}
break;
case 'warning':
badgeStyle.push('bg-yellow-500 !text-yellow-100');
badgeStyle.push(
'bg-yellow-500 bg-opacity-80 border-yellow-500 border !text-yellow-100'
);
if (href) {
badgeStyle.push('hover:bg-yellow-400');
badgeStyle.push('hover:bg-yellow-500 hover:bg-opacity-100');
}
break;
case 'success':
badgeStyle.push('bg-green-500 !text-green-100');
badgeStyle.push(
'bg-green-500 bg-opacity-80 border border-green-500 !text-green-100'
);
if (href) {
badgeStyle.push('hover:bg-green-400');
badgeStyle.push('hover:bg-green-500 hover:bg-opacity-100');
}
break;
case 'dark':
@@ -61,9 +67,11 @@ const Badge = (
}
break;
default:
badgeStyle.push('bg-indigo-500 !text-indigo-100');
badgeStyle.push(
'bg-indigo-500 bg-opacity-80 border border-indigo-500 !text-indigo-100'
);
if (href) {
badgeStyle.push('hover:bg-indigo-400');
badgeStyle.push('hover:bg-indigo-500 bg-opacity-100');
}
}