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 ( return (
<div className="invocation"> <div className="invocation">
<div className="invocation__args-wrapper"> {args.length > 0 && (
{ <div className="invocation__args-wrapper">
args.map((arg, i) => ( {
<div args.map((arg, i) => (
key={join(path, 'args', i.toString())} <div
className="invocation__arg" key={join(path, 'args', i.toString())}
> className="invocation__arg"
{argComponent(arg, i)} >
</div> {argComponent(arg, i)}
)) </div>
} ))
</div> }
</div>
)}
</div> </div>
); );
}; };

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

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