url/checkcle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Apply theme to service action dialog.

Browse Source 
Ensured the service action dialog (three-dot menu) in uptime monitoring respects the current theme (dark/light mode) by using theme-aware styling.
This commit is contained in:
Tola Leng
2025-06-04 22:09:08 +08:00
parent 518b469c04
commit bd17ef7140
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
application/src/components/services/service-row/ServiceRowActions.tsx
+8 -8
View File
@@ -112,10 +112,10 @@ export const ServiceRowActions = ({
</DropdownMenuTrigger>
<DropdownMenuContent
align="end"
className="w-48 bg-gray-900 border border-gray-800 text-white"
className="w-48"
>
<DropdownMenuItem
className="flex items-center gap-2 cursor-pointer hover:bg-gray-800 focus:bg-gray-800 text-base py-2.5"
className="flex items-center gap-2 cursor-pointer text-base py-2.5"
onClick={(e) => {
e.stopPropagation();
onViewDetail(service);
@@ -125,7 +125,7 @@ export const ServiceRowActions = ({
<span>View Detail</span>
</DropdownMenuItem>
<DropdownMenuItem
className="flex items-center gap-2 cursor-pointer hover:bg-gray-800 focus:bg-gray-800 text-base py-2.5"
className="flex items-center gap-2 cursor-pointer text-base py-2.5"
onClick={handlePauseResume}
>
{service.status === "paused" ? (
@@ -141,7 +141,7 @@ export const ServiceRowActions = ({
)}
</DropdownMenuItem>
<DropdownMenuItem
className="flex items-center gap-2 cursor-pointer hover:bg-gray-800 focus:bg-gray-800 text-base py-2.5"
className="flex items-center gap-2 cursor-pointer text-base py-2.5"
onClick={(e) => {
e.stopPropagation();
onEdit(service);
@@ -151,7 +151,7 @@ export const ServiceRowActions = ({
<span>Edit</span>
</DropdownMenuItem>
<DropdownMenuItem
className="flex items-center gap-2 cursor-pointer hover:bg-gray-800 focus:bg-gray-800 text-base py-2.5"
className="flex items-center gap-2 cursor-pointer text-base py-2.5"
onClick={handleMuteAlerts}
>
{alertsMuted ? (
@@ -166,9 +166,9 @@ export const ServiceRowActions = ({
</>
)}
</DropdownMenuItem>
<DropdownMenuSeparator className="bg-gray-700" />
<DropdownMenuSeparator />
<DropdownMenuItem
className="flex items-center gap-2 text-red-500 cursor-pointer hover:bg-gray-800 focus:bg-gray-800 text-base py-2.5"
className="flex items-center gap-2 text-destructive cursor-pointer text-base py-2.5"
onClick={(e) => {
e.stopPropagation();
onDelete(service);
@@ -181,4 +181,4 @@ export const ServiceRowActions = ({
</DropdownMenu>
</div>
);
};
};