highlight ai stylize button (#675)

This commit is contained in:
BFlat authored and GitHub committed 2024-10-16 10:40:58 +07:00
1 parent 40e8765caa
commit 56972e5fd3
1 file changed
+3 -3
@@ -61,14 +61,14 @@ export const SidePanelMenu = ({
<button
key={tab.title}
className={twMerge([
"flex flex-col items-center rounded-lg border border-transparent px-2 py-3 transition-all duration-200 hover:bg-brand-secondary",
"flex flex-col items-center rounded-lg border border-transparent px-2 py-3 transition-all duration-200 hover:bg-brand-secondary-900/75",
tab.title === selectedTab.title && sidePanelVisible.value
? "border-[#363636] bg-brand-secondary-900/60 opacity-100 hover:bg-brand-secondary-900/60"
: "opacity-60",
tab.title === TabTitles.RENDER &&
tab.title === TabTitles.STYLIZE &&
"bg-brand-primary font-medium opacity-90 hover:border-white/25 hover:bg-brand-primary hover:opacity-100",
tab.title === selectedTab.title &&
tab.title === TabTitles.RENDER
tab.title === TabTitles.STYLIZE
? "border-white/50 opacity-100 hover:border-white/50"
: "",
])}