kamp/anything-llm
1
0
Fork 0
mirror of https://github.com/Mintplex-Labs/anything-llm.git synced 2024-11-19 12:40:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix sidebar resizing/truncate issue on hover

Browse Source
This commit is contained in:
shatfield4 2024-10-03 16:29:19 -07:00
parent 4df47420be
commit 88f5bb5ce1
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx
View File

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