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