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

ui: tweaks

Browse Source
This commit is contained in:
cha0s 2020-06-29 01:27:37 -05:00
parent 878c1524ec
commit 2f57c75af4
3 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/client/sidebar.jsx
View File

@ -100,6 +100,7 @@ const Sidebar = () => {
})); }));
return ( return (
<div className="sidebar"> <div className="sidebar">
<h2>Resources</h2>
<SortableTree <SortableTree
canNodeHaveChildren={(node) => !node.uri} canNodeHaveChildren={(node) => !node.uri}
generateNodeProps={({node}) => ({ generateNodeProps={({node}) => ({

18
src/client/sidebar.raw.scss
View File

@ -1,10 +1,20 @@
:scope { :scope {
background-color: #242424; background-color: #242424;
padding: 0.5em; display: flex;
flex-direction: column;
padding: 0.5em 0 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
h2 {
color: #aaaaaa;
font-size: 0.9em;
margin: 0.5em 0 1em 2.25em;
text-transform: uppercase;
font-family: var(--title-font-family);
}
.rst__virtualScrollOverride:focus { .rst__virtualScrollOverride:focus {
box-shadow: none; box-shadow: none;
} }
@ -39,9 +49,6 @@
display: flex; display: flex;
font-family: var(--title-font-family); font-family: var(--title-font-family);
padding: 0.25em 0 0; padding: 0.25em 0 0;
svg {
fill: #aaaaaa;
}
&.directory { &.directory {
left: 1.5em; left: 1.5em;
position: relative; position: relative;
@ -53,12 +60,13 @@
} }
.rstcustom__node { .rstcustom__node {
padding: 0 0.5em;
&:hover { &:hover {
background-color: rgba(255, 255, 255, 0.025); background-color: rgba(255, 255, 255, 0.025);
} }
button { button {
top: 0.75em; top: 0.75em;
transform: translate3d(-22.5%, -50%, 0) scale(0.75); transform: translate3d(0%, -50%, 0) scale(0.75);
} }
} }

1
src/common/resources/entity/icon.jsx
View File

@ -8,6 +8,7 @@ export default () => (
> >
<path <path
d="M 511.867188 247.648438 C 511.859375 247.4375 511.832031 247.230469 511.816406 247.015625 C 509.542969 181.140625 482.460938 119.558594 435.269531 73.253906 C 387.125 26.015625 323.460938 0 256 0 C 187.621094 0 123.332031 26.628906 74.980469 74.980469 C 26.628906 123.332031 0 187.621094 0 256 C 0 290.847656 28.351562 319.199219 63.199219 319.199219 C 98.050781 319.199219 126.398438 290.847656 126.398438 256 C 126.398438 157.960938 206.160156 78.199219 304.199219 78.199219 C 401.40625 78.199219 479.480469 154.28125 481.941406 251.402344 C 481.941406 251.449219 481.949219 251.496094 481.953125 251.542969 C 481.980469 253.027344 482 254.519531 482 256 C 482 380.617188 380.617188 482 256 482 C 247.714844 482 241 488.714844 241 497 C 241 505.285156 247.714844 512 256 512 C 324.378906 512 388.667969 485.371094 437.019531 437.019531 C 485.371094 388.667969 512 324.378906 512 256 C 512 253.21875 511.957031 250.410156 511.867188 247.648438 Z M 511.867188 247.648438 " d="M 511.867188 247.648438 C 511.859375 247.4375 511.832031 247.230469 511.816406 247.015625 C 509.542969 181.140625 482.460938 119.558594 435.269531 73.253906 C 387.125 26.015625 323.460938 0 256 0 C 187.621094 0 123.332031 26.628906 74.980469 74.980469 C 26.628906 123.332031 0 187.621094 0 256 C 0 290.847656 28.351562 319.199219 63.199219 319.199219 C 98.050781 319.199219 126.398438 290.847656 126.398438 256 C 126.398438 157.960938 206.160156 78.199219 304.199219 78.199219 C 401.40625 78.199219 479.480469 154.28125 481.941406 251.402344 C 481.941406 251.449219 481.949219 251.496094 481.953125 251.542969 C 481.980469 253.027344 482 254.519531 482 256 C 482 380.617188 380.617188 482 256 482 C 247.714844 482 241 488.714844 241 497 C 241 505.285156 247.714844 512 256 512 C 324.378906 512 388.667969 485.371094 437.019531 437.019531 C 485.371094 388.667969 512 324.378906 512 256 C 512 253.21875 511.957031 250.410156 511.867188 247.648438 Z M 511.867188 247.648438 "
fill="#cd6300"
/> />
</svg> </svg>
); );