diff options
| author | Baitinq <manuelpalenzuelamerino@gmail.com> | 2024-07-02 21:21:08 +0200 |
|---|---|---|
| committer | Baitinq <manuelpalenzuelamerino@gmail.com> | 2024-07-02 21:21:08 +0200 |
| commit | 24bcc109cf71f12d816d6b8afc46444d6be09719 (patch) | |
| tree | a0f4ca05956403963f86eaa46c42d4973a6e965a | |
| parent | Home: Style block components (diff) | |
| download | fs-tracer-frontend-24bcc109cf71f12d816d6b8afc46444d6be09719.tar.gz fs-tracer-frontend-24bcc109cf71f12d816d6b8afc46444d6be09719.tar.bz2 fs-tracer-frontend-24bcc109cf71f12d816d6b8afc46444d6be09719.zip | |
Components: SideBar: Change button color on hover
| -rw-r--r-- | src/components/Sidebar/SidebarButton.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/components/Sidebar/SidebarButton.tsx b/src/components/Sidebar/SidebarButton.tsx index c29dfe4..0af2c2c 100644 --- a/src/components/Sidebar/SidebarButton.tsx +++ b/src/components/Sidebar/SidebarButton.tsx @@ -1,11 +1,11 @@ export default function SidebarButton(props: any) { return ( <div role="button" - className="flex items-center w-full p-3 leading-tight transition-all rounded-lg outline-none text-start hover:bg-blue-gray-50 hover:bg-opacity-80 hover:text-blue-gray-900 focus:bg-blue-gray-50 focus:bg-opacity-80 focus:text-blue-gray-900 active:bg-blue-gray-50 active:bg-opacity-80 active:text-blue-gray-900"> + className="flex items-center w-full p-3 leading-tight transition-all rounded-lg outline-none text-start hover:bg-blue-500"> <div className="grid mr-4 place-items-center"> <i className={props.icon}></i> </div> <a href={props.href}>{props.name}</a> - </div > + </div> ) } |