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
+7 -7
View File
@@ -112,10 +112,10 @@ export const ServiceRowActions = ({
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent <DropdownMenuContent
align="end" align="end"
className="w-48 bg-gray-900 border border-gray-800 text-white" className="w-48"
> >
<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) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
onViewDetail(service); onViewDetail(service);
@@ -125,7 +125,7 @@ export const ServiceRowActions = ({
<span>View Detail</span> <span>View Detail</span>
</DropdownMenuItem> </DropdownMenuItem>
<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} onClick={handlePauseResume}
> >
{service.status === "paused" ? ( {service.status === "paused" ? (
@@ -141,7 +141,7 @@ export const ServiceRowActions = ({
)} )}
</DropdownMenuItem> </DropdownMenuItem>
<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) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
onEdit(service); onEdit(service);
@@ -151,7 +151,7 @@ export const ServiceRowActions = ({
<span>Edit</span> <span>Edit</span>
</DropdownMenuItem> </DropdownMenuItem>
<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} onClick={handleMuteAlerts}
> >
{alertsMuted ? ( {alertsMuted ? (
@@ -166,9 +166,9 @@ export const ServiceRowActions = ({
</> </>
)} )}
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuSeparator className="bg-gray-700" /> <DropdownMenuSeparator />
<DropdownMenuItem <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) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
onDelete(service); onDelete(service);