diyoanggara
/
MIF_E31221222
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: update tooltip styles for improved visibility and consistency across components

This commit is contained in:
vergiLgood1 2025-05-05 02:02:40 +07:00
parent 50f42f532f
commit befda55e2f
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
sigap-website/app/_components/map/controls/top/additional-tooltips.tsx
View File

@ -16,7 +16,7 @@ import CategorySelector from "../category-selector"
const additionalTooltips = [ const additionalTooltips = [
{ id: "reports" as ITooltips, icon: <IconMessage size={20} />, label: "Police Report" }, { id: "reports" as ITooltips, icon: <IconMessage size={20} />, label: "Police Report" },
{ id: "layers" as ITooltips, icon: <Layers size={20} />, label: "Map Layers" }, { id: "layers" as ITooltips, icon: <Layers size={20} />, label: "Map Layers" },
{ id: "alerts" as ITooltips, icon: <Siren size={20} className="text-red-500" />, label: "Active Alerts" }, { id: "alerts" as ITooltips, icon: <Siren size={20} />, label: "Active Alerts" },
] ]
interface AdditionalTooltipsProps { interface AdditionalTooltipsProps {
@ -61,8 +61,8 @@ export default function AdditionalTooltips({
variant={activeControl === control.id ? "default" : "ghost"} variant={activeControl === control.id ? "default" : "ghost"}
size="icon" size="icon"
className={`h-8 w-8 rounded-md ${activeControl === control.id className={`h-8 w-8 rounded-md ${activeControl === control.id
? "bg-white text-black hover:bg-white/90" ? "bg-emerald-500 text-black hover:bg-emerald-500/90"
: "text-white hover:bg-white/10" : "text-white hover:bg-emerald-500/90 hover:text-background"
}`} }`}
onClick={() => onControlChange?.(control.id)} onClick={() => onControlChange?.(control.id)}
> >
@ -82,7 +82,7 @@ export default function AdditionalTooltips({
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
className="h-8 w-8 rounded-md text-white hover:bg-white/10" className="h-8 w-8 rounded-md text-white hover:bg-emerald-500/90 hover:text-background"
onClick={() => setShowSelectors(!showSelectors)} onClick={() => setShowSelectors(!showSelectors)}
> >
<ChevronDown size={20} /> <ChevronDown size={20} />

4
sigap-website/app/_components/map/controls/top/crime-tooltips.tsx
View File

@ -32,8 +32,8 @@ export default function CrimeTooltips({ activeControl, onControlChange }: CrimeT
variant={activeControl === control.id ? "default" : "ghost"} variant={activeControl === control.id ? "default" : "ghost"}
size="icon" size="icon"
className={`h-8 w-8 rounded-md ${activeControl === control.id className={`h-8 w-8 rounded-md ${activeControl === control.id
? "bg-white text-black hover:bg-white/90" ? "bg-emerald-500 text-black hover:bg-emerald-500/90"
: "text-white hover:bg-white/10" : "text-white hover:bg-emerald-500/90 hover:text-background"
}`} }`}
onClick={() => onControlChange?.(control.id)} onClick={() => onControlChange?.(control.id)}
> >

6
sigap-website/app/_components/map/controls/top/search-control.tsx
View File

@ -326,8 +326,8 @@ export default function SearchTooltip({ onControlChange, activeControl }: Search
variant={showSearch ? "default" : "ghost"} variant={showSearch ? "default" : "ghost"}
size="icon" size="icon"
className={`h-8 w-8 rounded-md ${showSearch className={`h-8 w-8 rounded-md ${showSearch
? "bg-white text-black hover:bg-white/90" ? "bg-emerald-500 text-black hover:bg-emerald-500/90"
: "text-white hover:bg-white/10" : "text-white hover:bg-emerald-500/90 hover:text-background"
}`} }`}
onClick={toggleSearch} onClick={toggleSearch}
> >
@ -365,7 +365,7 @@ export default function SearchTooltip({ onControlChange, activeControl }: Search
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
className="h-7 w-7 rounded-full hover:bg-slate-200 hover:text-background" className="h-7 w-7 rounded-full hover:bg-emerald-500/90 hover:text-background"
onClick={toggleSearch} onClick={toggleSearch}
> >
<XCircle size={18} /> <XCircle size={18} />