enhance ui and fix layout problems (#63)

2023-03-22 21:10:31 +08:00
parent d14268b075
commit 4055e84450
10 changed files with 41 additions and 36 deletions
@@ -9,10 +9,10 @@ interface Props {
 export const SidebarButton: FC<Props> = ({ text, icon, onClick }) => {
  return (
    <div
-      className="flex hover:bg-[#343541] py-2 px-2 rounded-md cursor-pointer w-full items-center"
+      className="flex py-3 px-3 gap-3 rounded-md hover:bg-gray-500/10 transition-colors duration-200 text-white cursor-pointer w-full items-center"
      onClick={onClick}
    >
-      <div className="mr-2">{icon}</div>
+      <div className="">{icon}</div>
      <div>{text}</div>
    </div>
  );