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

style: update button and switch components for improved UI consistency

Browse Source
This commit is contained in:
Ardeman
2025-03-06 08:45:24 +08:00
parent 95565b5313
commit a7c5da8d9c
3 changed files with 5 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/text-editor/editor-button.tsx
+2 -2
View File
@@ -21,8 +21,8 @@ export const EditorButton = (properties: TProperties) => {
onClick={onClick}
disabled={disabled}
className={twMerge(
'flex h-6 w-8 items-center justify-center rounded-md text-xl hover:!bg-[#FCB017] disabled:cursor-not-allowed disabled:text-slate-400 disabled:opacity-50',
isActive ? 'bg-[#FCB01755]' : '',
'flex h-6 w-8 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:hover:bg-[#2E2F7C]/50',
isActive ? 'bg-[#2E2F7C]/10' : '',
className,
)}
style={style}
app/components/ui/switch.tsx
+1 -1
View File
@@ -63,7 +63,7 @@ export const Switch = <TFormValues extends Record<string, unknown>>(
field.onChange(checked)
}}
className={twMerge(
'group relative flex h-7 w-14 cursor-pointer rounded-full bg-black/10 p-1 shadow transition-colors duration-200 ease-in-out focus:outline-none data-[checked]:bg-black/10 data-[focus]:outline-1 data-[focus]:outline-white',
'group relative flex h-7 w-14 cursor-pointer rounded-full bg-[#2E2F7C]/10 p-1 shadow transition-colors duration-200 ease-in-out focus:outline-none data-[checked]:bg-[#2E2F7C]/90 data-[focus]:outline-1 data-[focus]:outline-white',
className,
)}
>