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

Compare commits

base: legalgonews:6ec8e5f2a23ef13e36827c7d92a1a14cf8aae012
Branches Tags
legalgonews:master
legalgonews:dev
...
compare: legalgonews:dfd1a46694c91c79de207fd743e9c3855b7eda11
Branches Tags
legalgonews:dev
legalgonews:master

2 Commits
6ec8e5f2a2 ... dfd1a46694

Author SHA1 Message Date
Ardeman
dfd1a46694 fix: update sidebar button styles for improved active state indication 2025-03-11 06:30:47 +08:00
Ardeman
4a188afc8f fix: replace standard button with Headless UI Button component in text editor 2025-03-11 06:27:35 +08:00
2 changed files with 5 additions and 4 deletions
Show Stats 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 type { CSSProperties, MouseEventHandler, ReactNode } from 'react'
import { twMerge } from 'tailwind-merge' import { twMerge } from 'tailwind-merge'
@ -16,12 +17,12 @@ export const EditorButton = (properties: TProperties) => {
properties properties
return ( return (
<button <Button
type="button" type="button"
onClick={onClick} onClick={onClick}
disabled={disabled} disabled={disabled}
className={twMerge( 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' : '', isActive ? 'bg-[#2E2F7C]/10' : '',
className, className,
)} )}
@ -29,6 +30,6 @@ export const EditorButton = (properties: TProperties) => {
title={title} title={title}
> >
{children} {children}
</button> </Button>
) )
} }

2
app/layouts/admin/sidebar.tsx
View File

@ -22,7 +22,7 @@ export const Sidebar = () => {
key={`${group}-${title}`} key={`${group}-${title}`}
className={twMerge( className={twMerge(
path === url ? 'bg-[#707FDD]/10 font-bold' : '', path === url ? 'bg-[#707FDD]/10 font-bold' : '',
'group/menu flex h-[42px] w-[200px] items-center gap-x-3 rounded-md px-5 transition-all hover:bg-[#707FDD]/10', 'group/menu flex h-[42px] w-[200px] items-center gap-x-3 rounded-md px-5 transition hover:bg-[#707FDD]/10 active:bg-[#707FDD]/20',
)} )}
> >
<Icon <Icon