fix sidebar resizing/truncate issue on hover

This commit is contained in:
shatfield4 2024-10-03 16:29:19 -07:00
parent 4df47420be
commit 88f5bb5ce1

View File

@ -73,15 +73,17 @@ export default function ActiveWorkspaces() {
className="flex-shrink-0" className="flex-shrink-0"
size={24} size={24}
/> />
<p <div className="w-[130px] overflow-hidden">
className={` <p
text-[14px] leading-loose whitespace-nowrap overflow-hidden className={`
${isActive ? "text-white" : "text-zinc-200 group-hover:w-[120px]"} truncate text-[14px] leading-loose whitespace-nowrap overflow-hidden
w-[130px] transition-all duration-200 ${isActive ? "text-white" : "text-zinc-200"} truncate
`} w-full group-hover:w-[100px] transition-all duration-200
> `}
{workspace.name} >
</p> {workspace.name}
</p>
</div>
</div> </div>
{user?.role !== "default" && ( {user?.role !== "default" && (
<div <div