idanoo/autobrr
1
0
Fork 0
mirror of https://github.com/idanoo/autobrr synced 2025-07-23 16:59:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(web): tooltip text wrapping (#365)

Browse source
This commit is contained in:
stacksmash76 2022-07-21 22:02:43 +02:00 • committed by GitHub
parent c0f1037af0
commit 497140a6c4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
web/src/components/tooltips/Tooltip.tsx
View file

@ -6,9 +6,10 @@ export const Tooltip = ({ children, button } : {
return (
<div className="relative flex flex-col items-center group">
{button}
<div className="absolute bottom-0 flex flex-col items-center hidden mb-6 group-hover:flex">
<span className="relative z-40 p-2 text-xs leading-none text-white whitespace-no-wrap bg-gray-600 shadow-lg rounded-md">{children}</span>
<div className="w-3 h-3 -mt-2 rotate-45 bg-gray-600"></div>
<div className="absolute bottom-0 flex-col items-center hidden mb-6 group-hover:flex">
<span className="z-40 p-2 text-xs leading-none text-white whitespace-no-wrap bg-gray-600 shadow-lg rounded-md">
{children}
</span>
</div>
</div>
);