jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix(market-card.tsx): change tooltip side from top to right for better visibility and alignment

Browse source 
fix(market-card.tsx): add hover effect to the container div to indicate interactivity
This commit is contained in:
anovazzi1 2023-10-27 17:59:55 -03:00
commit 664c5c4ffb
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/frontend/src/pages/StorePage/components/market-card.tsx
View file

@ -148,9 +148,9 @@ export const MarketCardComponent = ({ data }: { data: storeComponent }) => {
<div className=" flex items-center gap-3">
<ShadTooltip
styleClasses="bg-transparent border-none shadow-none"
side="top"
side="right"
content={
<div className="flex flex-wrap gap-1">
<div className="flex flex-wrap gap-1">
{testTags.map((tag, index) => (
<div className="">
<Badge
@ -166,7 +166,7 @@ export const MarketCardComponent = ({ data }: { data: storeComponent }) => {
</div>
}
>
<div>
<div className="hover:blur-sm">
{testTags.length > 0 ? (
<ElementStack>
{testTags.map((tag, index) => (