cha0s/persea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: tweaks

Browse Source
This commit is contained in:
cha0s 2021-02-07 04:47:58 -06:00
parent d75dae4a1d
commit 66c6d42278
2 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/entity/src/behavior-components/expression/invocation.jsx
View File

@ -91,18 +91,20 @@ const Invocation = ({
}
return (
<div className="invocation">
<div className="invocation__args-wrapper">
{
args.map((arg, i) => (
<div
key={join(path, 'args', i.toString())}
className="invocation__arg"
>
{argComponent(arg, i)}
</div>
))
}
</div>
{args.length > 0 && (
<div className="invocation__args-wrapper">
{
args.map((arg, i) => (
<div
key={join(path, 'args', i.toString())}
className="invocation__arg"
>
{argComponent(arg, i)}
</div>
))
}
</div>
)}
</div>
);
};

7
packages/entity/src/behavior-components/expression/invocation.scss
View File

@ -1,18 +1,19 @@
.invocation {
align-items: center;
background-color: rgba(0, 0, 0, 0.1);
display: flex;
margin-left: 1em;
margin-left: 0.25em;
> .expression {
margin: 0 0.5em;
}
&:after {
color: #00bdd6;
content: ')';
font-size: 1.5em;
}
&:before {
color: #00bdd6;
content: '(';
font-size: 1.5em;
}
}
@ -33,7 +34,9 @@
background-color: rgba(0, 0, 0, 0.1);
}
&:after {
color: #00bdd6;
content: ',';
font-size: 1.5em;
position: absolute;
bottom: 0;
right: 0;