Web: Files: changed folder icons, added new icons

This commit is contained in:
Nikita Gopienko 2021-10-18 12:24:01 +03:00
parent 36b13211fa
commit 0c63c41ef7
8 changed files with 14 additions and 8 deletions

View File

@ -1,4 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="7" width="23" height="14" rx="2" fill="#B2BBC0"/>
<path d="M2 2C0.895447 2 0 2.89551 0 4V9C0 7.89551 0.895447 7 2 7H21C22.1046 7 23 7.89551 23 9V7C23 5.89551 22.1046 5 21 5H10V4C10 2.89551 9.10455 2 8 2H2Z" fill="#788790"/>
<path d="M4 4C3.44772 4 3 4.44775 3 5V9C3 8.44775 3.44772 8 4 8H21C21.5523 8 22 8.44775 22 9V8C22 7.44775 21.5523 7 21 7H11V5C11 4.44775 10.5523 4 10 4H4Z" fill="#788790"/>
<rect x="3" y="8" width="19" height="12" rx="1" fill="#B2BBC0"/>
</svg>

Before

Width:  |  Height:  |  Size: 336 B

After

Width:  |  Height:  |  Size: 341 B

View File

@ -1,4 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="8" width="30" height="20" rx="2" fill="#B2BBC0"/>
<path d="M0 4C0 2.89543 0.895431 2 2 2H11C12.1046 2 13 2.89543 13 4V6H28C29.1046 6 30 6.89543 30 8V10C30 8.89543 29.1046 8 28 8H2C0.895431 8 0 8.89543 0 10V4Z" fill="#788790"/>
<path d="M2 6C2 4.89551 2.89543 4 4 4H12C13.1046 4 14 4.89551 14 6V8H28C29.1046 8 30 8.89551 30 10V12C30 10.8955 29.1046 10 28 10H4C2.89543 10 2 10.8955 2 12V6Z" fill="#788790"/>
<rect x="2" y="10" width="28" height="18" rx="2" fill="#B2BBC0"/>
</svg>

Before

Width:  |  Height:  |  Size: 339 B

After

Width:  |  Height:  |  Size: 348 B

View File

@ -107,7 +107,7 @@ const EditingWrapper = styled.div`
}
.is-edit {
margin-top: 4px;
/* margin-top: 4px; */
}
`;

View File

@ -4,9 +4,9 @@ import { inject, observer } from "mobx-react";
import styled from "styled-components";
const StyledIcon = styled.img`
width: 24px;
/* width: 24px;
height: 24px;
margin-top: 4px;
margin-top: 4px; */
`;
const ItemIcon = ({

View File

@ -1134,7 +1134,7 @@ class FilesStore {
const isThirdPartyFolder = providerKey && id === rootFolderId;
//const isCanWebEdit = canWebEdit(item.fileExst);
const iconSize = this.viewAs === "tile" ? 32 : 24;
const iconSize = this.viewAs === "table" ? 24 : 32;
const icon = getIcon(iconSize, fileExst, providerKey, contentLength);
let isFolder = false;

View File

Before

Width:  |  Height:  |  Size: 488 B

After

Width:  |  Height:  |  Size: 488 B

View File

@ -0,0 +1,3 @@
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.16834 1.38262C2.33047 1.24792 2.56169 1.2443 2.73684 1.36157L3.80011 2.07346C4.10611 1.90165 4.43424 1.76458 4.77915 1.66758L5.0276 0.412448C5.06854 0.205596 5.23471 0.0446258 5.44469 0.0253558C5.62755 0.00857572 5.81277 0 6 0C6.18723 0 6.37246 0.00857572 6.55531 0.0253558C6.76529 0.0446258 6.93146 0.205596 6.9724 0.412449L7.22085 1.66758C7.56576 1.76458 7.89389 1.90165 8.19989 2.07346L9.26316 1.36157C9.43831 1.2443 9.66953 1.24792 9.83166 1.38261C10.1171 1.61976 10.3802 1.88288 10.6174 2.16834C10.7521 2.33047 10.7557 2.56169 10.6384 2.73684L9.92654 3.80011C10.0984 4.10611 10.2354 4.43424 10.3324 4.77915L11.5876 5.0276C11.7944 5.06854 11.9554 5.23471 11.9746 5.44469C11.9914 5.62755 12 5.81277 12 6C12 6.18723 11.9914 6.37246 11.9746 6.55531C11.9554 6.76529 11.7944 6.93146 11.5876 6.9724L10.3324 7.22085C10.2354 7.56576 10.0984 7.89389 9.92654 8.19989L10.6384 9.26316C10.7557 9.43831 10.7521 9.66953 10.6174 9.83166C10.3802 10.1171 10.1171 10.3802 9.83166 10.6174C9.66953 10.7521 9.43831 10.7557 9.26316 10.6384L8.19989 9.92654C7.89389 10.0984 7.56576 10.2354 7.22085 10.3324L6.9724 11.5876C6.93146 11.7944 6.76529 11.9554 6.55531 11.9746C6.37246 11.9914 6.18723 12 6 12C5.81277 12 5.62755 11.9914 5.44469 11.9746C5.23471 11.9554 5.06854 11.7944 5.0276 11.5876L4.77915 10.3324C4.43424 10.2354 4.10611 10.0984 3.80011 9.92654L2.73684 10.6384C2.56169 10.7557 2.33047 10.7521 2.16834 10.6174C1.88288 10.3802 1.61976 10.1171 1.38261 9.83166C1.24792 9.66953 1.2443 9.43831 1.36157 9.26316L2.07346 8.19989C1.90165 7.89389 1.76458 7.56576 1.66758 7.22085L0.412449 6.9724C0.205596 6.93146 0.0446258 6.76529 0.0253558 6.55531C0.00857572 6.37246 0 6.18723 0 6C0 5.81277 0.00857572 5.62755 0.0253558 5.44469C0.0446258 5.23471 0.205596 5.06854 0.412449 5.0276L1.66758 4.77915C1.76458 4.43424 1.90165 4.10611 2.07346 3.80011L1.36157 2.73684C1.2443 2.56169 1.24792 2.33047 1.38262 2.16834C1.61976 1.88288 1.88288 1.61976 2.16834 1.38262ZM6 7.5C6.82843 7.5 7.5 6.82843 7.5 6C7.5 5.17157 6.82843 4.5 6 4.5C5.17157 4.5 4.5 5.17157 4.5 6C4.5 6.82843 5.17157 7.5 6 7.5Z" fill="#657077"/>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,3 @@
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.14453 10.8536C6.33979 11.0488 6.65638 11.0488 6.85164 10.8536L10.3516 7.35355L9.64453 6.64645L6.99808 9.29289V2H5.99808V9.29289L3.35164 6.64645L2.64453 7.35355L6.14453 10.8536Z" fill="#657077"/>
</svg>

After

Width:  |  Height:  |  Size: 350 B