legalgonews/legalgo-FE-reactrouter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: replace standard button with Headless UI Button component in text editor

Browse Source
This commit is contained in:
Ardeman 2025-03-11 06:27:35 +08:00
parent 6ec8e5f2a2
commit 4a188afc8f
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/components/text-editor/editor-button.tsx
View File

@ -1,3 +1,4 @@
import { Button } from '@headlessui/react'
import type { CSSProperties, MouseEventHandler, ReactNode } from 'react'
import { twMerge } from 'tailwind-merge'
@ -16,12 +17,12 @@ export const EditorButton = (properties: TProperties) => {
properties
return (
<button
<Button
type="button"
onClick={onClick}
disabled={disabled}
className={twMerge(
'flex h-6 w-8 cursor-pointer items-center justify-center rounded-md p-2 hover:bg-[#2E2F7C] hover:text-white disabled:cursor-not-allowed disabled:bg-[#2E2F7C]/50 disabled:text-white disabled:opacity-50',
'flex h-6 w-8 cursor-pointer items-center justify-center rounded-md p-2 text-black hover:bg-[#2E2F7C] hover:text-white active:bg-[#2E2F7C]/50 disabled:cursor-not-allowed disabled:bg-[#2E2F7C]/50 disabled:text-white disabled:opacity-50',
isActive ? 'bg-[#2E2F7C]/10' : '',
className,
)}
@ -29,6 +30,6 @@ export const EditorButton = (properties: TProperties) => {
title={title}
>
{children}
</button>
</Button>
)
}