santasri.pachhal/road-monitoring-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): add pointer cursors to repair evidence and multi-select controls

Browse Source
This commit is contained in:
santasri.pachhal
2026-06-23 23:51:54 +05:30
parent 6e16d4f2c8
commit 5439a5ff45
2 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/(modules)/ticket/[ticketId]/components/actions/RepairEvidenceForm.tsx
View File

@@ -41,7 +41,7 @@ function MediaDropzone({
disabled={disabled}
onClick={() => inputRef.current?.click()}
className={cn(
'flex w-full items-center gap-3 rounded-lg border border-dashed px-4 py-3 text-left transition-colors',
'flex w-full items-center cursor-pointer gap-3 rounded-lg border border-dashed px-4 py-3 text-left transition-colors',
'hover:border-primary/50 hover:bg-muted/30',
disabled && 'pointer-events-none opacity-60',
file && 'border-primary/40 bg-muted/20',
@@ -92,7 +92,7 @@ function ImageSlot({
}: ImageSlotProps) {
if (file && previewUrl) {
return (
<div className="group relative aspect-square overflow-hidden rounded-lg border bg-muted/30">
<div className="group relative aspect-square overflow-hidden rounded-lg border bg-muted/30">
{/* eslint-disable-next-line @next/next/no-img-element */}
<img
src={previewUrl}
@@ -103,7 +103,7 @@ function ImageSlot({
type="button"
disabled={disabled}
onClick={onRemove}
className="absolute top-1 right-1 flex size-5 items-center justify-center rounded-full bg-background/90 text-foreground opacity-0 shadow-sm transition-opacity group-hover:opacity-100 disabled:pointer-events-none"
className="absolute top-1 right-1 flex size-5 cursor-pointer items-center justify-center rounded-full bg-background/90 text-foreground opacity-0 shadow-sm transition-opacity group-hover:opacity-100 disabled:cursor-not-allowed disabled:opacity-50"
aria-label={`Remove ${file.name}`}
>
<X className="size-3" />
@@ -118,9 +118,9 @@ function ImageSlot({
disabled={disabled}
onClick={onAdd}
className={cn(
'flex aspect-square items-center justify-center rounded-lg border border-dashed bg-muted/20 text-muted-foreground transition-colors',
'flex aspect-square cursor-pointer items-center justify-center rounded-lg border border-dashed bg-muted/20 text-muted-foreground transition-colors',
'hover:border-primary/50 hover:bg-muted/40 hover:text-primary',
disabled && 'pointer-events-none opacity-60',
disabled && 'cursor-not-allowed opacity-60',
)}
aria-label="Add image"
>