mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-27 08:40:10 +02:00
Code Issues Releases Wiki Activity

add more file extension icons

Browse Source
This commit is contained in:
Kushagra Gour
2018-10-08 16:51:04 +05:30
parent 770f25a6ee
commit c987dca6e9
2 changed files with 28 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/SidePane.jsx
View File

@@ -42,6 +42,28 @@ function FileIcon({ fileName }) {
/> />
</svg> </svg>
); );
case 'md':
case 'markdown':
return (
<svg class="sidebar__file-icon" viewBox="0 0 24 24">
<path
fill="skyblue"
d="M2,16V8H4L7,11L10,8H12V16H10V10.83L7,13.83L4,10.83V16H2M16,8H19V12H21.5L17.5,16.5L13.5,12H16V8Z"
/>
</svg>
);
case 'jpg':
case 'jpeg':
case 'svg':
case 'png':
return (
<svg class="sidebar__file-icon" viewBox="0 0 24 24">
<path
fill="crimson"
d="M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M13.96,12.29L11.21,15.83L9.25,13.47L6.5,17H17.5L13.96,12.29Z"
/>
</svg>
);
} }
} }
@@ -135,7 +157,7 @@ export class SidePane extends Component {
return ( return (
<div class="sidebar"> <div class="sidebar">
<div class="flex jc-sb"> <div class="flex jc-sb" style="padding: 5px 4px">
Files Files
<div> <div>
<button <button

5
src/style.css
View File

@@ -1625,6 +1625,11 @@ body:not(.is-app) .show-when-app {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
cursor: pointer;
}
.sidebar__file:hover,
.sidebar__file:focus {
background-color: rgba(255, 255, 255, 0.05);
} }
.sidebar__file.selected { .sidebar__file.selected {
color: white; color: white;