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"
size={24}
/>
<div className="w-[130px] overflow-hidden">
<p
className={`
text-[14px] leading-loose whitespace-nowrap overflow-hidden
${isActive ? "text-white" : "text-zinc-200 group-hover:w-[120px]"} truncate
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>
</div>
</div>
{user?.role !== "default" && (
<div
className={`flex items-center gap-x-[2px] transition-opacity duration-200 ${isActive ? "opacity-100" : "opacity-0 group-hover:opacity-100"}`}