style: add transition
This commit is contained in:
parent
cadd2558fd
commit
ecf6cc27d6
|
@ -103,7 +103,9 @@ export default function ActionsBar(props: ActionsBarProps) {
|
||||||
selected === action.id
|
selected === action.id
|
||||||
? `!bg-actions-bar-btn-default ${action.activeClassName}`
|
? `!bg-actions-bar-btn-default ${action.activeClassName}`
|
||||||
: "bg-transparent"
|
: "bg-transparent"
|
||||||
} rounded-md items-center ${action.className}`}
|
} rounded-md items-center ${
|
||||||
|
action.className
|
||||||
|
} transition duration-300 ease-in-out`}
|
||||||
onClick={handlerClick(action)}
|
onClick={handlerClick(action)}
|
||||||
>
|
>
|
||||||
{selected === action.id ? activeIcon : inactiveIcon}
|
{selected === action.id ? activeIcon : inactiveIcon}
|
||||||
|
|
|
@ -46,6 +46,7 @@ export default function SessionItem(props: {
|
||||||
group/chat-menu-list relative flex p-3 items-center gap-2 self-stretch rounded-md mb-2
|
group/chat-menu-list relative flex p-3 items-center gap-2 self-stretch rounded-md mb-2
|
||||||
border
|
border
|
||||||
bg-chat-menu-session-unselected border-chat-menu-session-unselected cursor-pointer
|
bg-chat-menu-session-unselected border-chat-menu-session-unselected cursor-pointer
|
||||||
|
transition-colors duration-300 ease-in-out
|
||||||
${
|
${
|
||||||
props.selected &&
|
props.selected &&
|
||||||
(currentPath === Path.Chat || currentPath === Path.Home)
|
(currentPath === Path.Chat || currentPath === Path.Home)
|
||||||
|
|
Loading…
Reference in New Issue