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

chore: polish

Browse Source
This commit is contained in:
cha0s 2021-07-09 21:01:20 -05:00
parent 6fa944acf7
commit 7f7a3f9939
3 changed files with 36 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/core/src/components/persea/index.scss
View File

@ -223,7 +223,7 @@ fieldset {
button, .button {
background-color: rgba(0, 0, 0, 0.25);
border: 1px solid rgba(255, 255, 255, 0.1);
border: 2px solid rgba(255, 255, 255, 0.1);
color: #ffffff;
font-size: 100%;
margin: 0.5em 0;

2
packages/core/src/components/project/sidebar/index.jsx
View File

@ -95,7 +95,7 @@ const Sidebar = ({
.find(({matcher}) => value.match(matcher))
.Component;
return (
<div className="label">
<div className="label inline">
{!nodes && <div className={`icon ${displayName}`} />}
<span className="text">{label}</span>
{value === uuid && (

64
packages/core/src/components/project/sidebar/index.scss
View File

@ -11,43 +11,47 @@
&.open {
left: 0;
}
@media(min-width: 80rem) {
@media(min-width: 90rem) {
position: static;
width: 80rem;
width: 30rem;
}
> .tree > .node > .item .label > .text {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.label > .icon {
background-size: cover;
margin-right: 0.125em;
width: 1em;
height: 1em;
&.AudioComponent {
background-image: url('./img/sound.png');
}
&.Binary {
background-image: url('./img/question.png');
}
&.EntityComponent {
background-image: url('./img/joystick.png');
}
&.ImageComponent {
background-image: url('./img/image.png');
}
&.RoomComponent {
background-image: url('./img/map.png');
}
&.ScriptComponent {
background-image: url('./img/script.png');
}
&.SoundComponent {
background-image: url('./img/music.png');
}
&.TextComponent {
background-image: url('./img/note.png');
.label.inline {
justify-content: flex-start;
> div:first-child.icon {
background-size: cover;
flex-grow: unset;
margin-right: 0.125em;
width: 1em;
height: 1em;
&.AudioComponent {
background-image: url('./img/sound.png');
}
&.Binary {
background-image: url('./img/question.png');
}
&.EntityComponent {
background-image: url('./img/joystick.png');
}
&.ImageComponent {
background-image: url('./img/image.png');
}
&.RoomComponent {
background-image: url('./img/map.png');
}
&.ScriptComponent {
background-image: url('./img/script.png');
}
&.SoundComponent {
background-image: url('./img/music.png');
}
&.TextComponent {
background-image: url('./img/note.png');
}
}
}
.node {