mirror of
https://github.com/sct/overseerr.git
synced 2025-09-17 17:24:35 +02:00
fix(ui): request badge styling in request list (#2302)
This commit is contained in:
@@ -17,32 +17,32 @@ const Badge: React.FC<BadgeProps> = ({
|
|||||||
];
|
];
|
||||||
|
|
||||||
if (url) {
|
if (url) {
|
||||||
badgeStyle.push('transition cursor-pointer');
|
badgeStyle.push('transition cursor-pointer !no-underline');
|
||||||
} else {
|
} else {
|
||||||
badgeStyle.push('cursor-default');
|
badgeStyle.push('cursor-default');
|
||||||
}
|
}
|
||||||
|
|
||||||
switch (badgeType) {
|
switch (badgeType) {
|
||||||
case 'danger':
|
case 'danger':
|
||||||
badgeStyle.push('bg-red-600 text-red-100');
|
badgeStyle.push('bg-red-600 !text-red-100');
|
||||||
if (url) {
|
if (url) {
|
||||||
badgeStyle.push('hover:bg-red-500');
|
badgeStyle.push('hover:bg-red-500');
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 'warning':
|
case 'warning':
|
||||||
badgeStyle.push('bg-yellow-500 text-yellow-100');
|
badgeStyle.push('bg-yellow-500 !text-yellow-100');
|
||||||
if (url) {
|
if (url) {
|
||||||
badgeStyle.push('hover:bg-yellow-400');
|
badgeStyle.push('hover:bg-yellow-400');
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 'success':
|
case 'success':
|
||||||
badgeStyle.push('bg-green-500 text-green-100');
|
badgeStyle.push('bg-green-500 !text-green-100');
|
||||||
if (url) {
|
if (url) {
|
||||||
badgeStyle.push('hover:bg-green-400');
|
badgeStyle.push('hover:bg-green-400');
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
default:
|
default:
|
||||||
badgeStyle.push('bg-indigo-500 text-indigo-100');
|
badgeStyle.push('bg-indigo-500 !text-indigo-100');
|
||||||
if (url) {
|
if (url) {
|
||||||
badgeStyle.push('hover:bg-indigo-400');
|
badgeStyle.push('hover:bg-indigo-400');
|
||||||
}
|
}
|
||||||
@@ -54,8 +54,13 @@ const Badge: React.FC<BadgeProps> = ({
|
|||||||
|
|
||||||
if (url) {
|
if (url) {
|
||||||
return (
|
return (
|
||||||
<a href={url} target="_blank" rel="noopener noreferrer">
|
<a
|
||||||
<span className={badgeStyle.join(' ')}>{children}</span>
|
href={url}
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
className={badgeStyle.join(' ')}
|
||||||
|
>
|
||||||
|
{children}
|
||||||
</a>
|
</a>
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
|
Reference in New Issue
Block a user