changes/fixes + some WIP

2023-05-26 23:22:18 +03:30
parent ffecdf21a0
commit 7f3d93517d
9 changed files with 314 additions and 26 deletions
@@ -28,12 +28,14 @@ export default function ({ text, icon, path, className }: SidebarItemProps) {
      <div
        className={`${
          active ? "bg-sky-500" : "hover:bg-gray-50 hover:outline bg-gray-100"
-        } outline-sky-100 outline-1 duration-100 rounded-md my-1 p-2 cursor-pointer flex items-center gap-2 ${className}`}
+        } outline-sky-100 outline-1 duration-100 rounded-md my-1 p-2 cursor-pointer flex items-center gap-2 w-full ${className}`}
      >
        {React.cloneElement(icon, {
          className: `w-4 ${active ? "text-white" : "text-sky-300"}`,
        })}
-        <p className={`${active ? "text-white" : "text-sky-900"}`}>{text}</p>
+        <p className={`${active ? "text-white" : "text-sky-900"} truncate`}>
+          {text}
+        </p>
      </div>
    </Link>
  );