cstb/cstb-next
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 5 Wiki Activity

[feat] add highlight to selected launch option

Browse Source
This commit is contained in:
Purp1e
2025-07-11 00:30:44 +08:00
parent 35ecf4ce0a
commit 44fcd81643
6 changed files with 24 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/window/ToolButton.tsx
View File

@@ -1,13 +1,21 @@
import { cn } from "@heroui/react"
import type { ReactNode } from "react"
interface ToolButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
children?: ReactNode
className?: string
selected?: boolean
}
export const ToolButton = ({ children, ...rest }: ToolButtonProps) => {
export const ToolButton = ({ children, className, selected, ...rest }: ToolButtonProps) => {
return (
<button
type="button"
className="flex flex-shrink-0 gap-0.5 active:scale-95 items-center min-w-7 justify-center px-2 py-1.5 bg-black/5 transition hover:bg-black/10 dark:bg-white/5 dark:hover:bg-white/10 rounded-md text-sm leading-none"
className={cn(
"flex flex-shrink-0 gap-0.5 active:scale-95 items-center min-w-7 justify-center px-2 py-1.5 bg-black/5 transition hover:bg-black/10 dark:bg-white/5 dark:hover:bg-white/10 rounded-md text-sm leading-none",
className,
selected &&
"bg-purple-500/40 hover:bg-purple-500/20 text-purple-900 dark:text-purple-100 drop-shadow-sm dark:bg-purple-500/40 dark:hover:bg-purple-500/20"
)}
{...rest}
>
{children}