jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui) - integration items gap

Browse source
This commit is contained in:
Shekar Siri 2023-02-21 17:48:14 +01:00
parent 0923520ec9
commit 52fe3ab37a
3 changed files with 2 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/Client/Integrations/IntegrationItem.tsx
View file

@ -13,7 +13,7 @@ interface Props {
const IntegrationItem = (props: Props) => {
const { integration, integrated, hide = false } = props;
return hide ? <></> : (
<div className={cn(stl.wrapper, 'mb-4', { [stl.integrated]: integrated })} onClick={(e) => props.onClick(e)}>
<div className={cn(stl.wrapper, { [stl.integrated]: integrated })} onClick={(e) => props.onClick(e)}>
{integrated && (
<div className="m-2 absolute right-0 top-0 h-4 w-4 rounded-full bg-teal flex items-center justify-center">
<Tooltip title="Integrated" delay={0}>

2
frontend/app/components/Client/Integrations/Integrations.tsx
View file

@ -99,7 +99,7 @@ function Integrations(props: Props) {
</div>
<div className="">{cat.description}</div>
<div className="flex flex-wrap mt-4">
<div className="flex flex-wrap mt-4 gap-3">
{cat.integrations.map((integration: any) => (
<React.Fragment key={integration.slug}>
<Tooltip

1
frontend/app/components/Client/Integrations/integrationItem.module.css
View file

@ -1,7 +1,6 @@
.wrapper {
border-radius: 3px;
/* border: solid thin $gray-light-shade; */
margin-right: 10px;
padding: 20px;
cursor: pointer;
width: 130px;