KAZ/webtransfer
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add svg for file

Browse Source
This commit is contained in:
GMrrc
2024-11-18 14:13:47 +01:00
parent 9864a3c7c1
commit cf5d59dce5
5 changed files with 80 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/file.svg Normal file
View File

@ -0,0 +1 @@
<svg viewBox="0 0 16 16" height="16" width="16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M6 22c-.55 0-1.021-.196-1.412-.587A1.927 1.927 0 0 1 4 20V4c0-.55.196-1.021.588-1.413A1.926 1.926 0 0 1 6 2h8l6 6v12a1.93 1.93 0 0 1-.587 1.413A1.93 1.93 0 0 1 18 22H6Z" style="fill:#969696;fill-rule:nonzero" transform="matrix(.7 0 0 .7 -.43 -.388)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 456 B

34
src/components/FileTable.vue
View File

@ -32,22 +32,28 @@
<div class="cursor-pointer w-4/6 flex items-center px-4 py-2 border-r border-gray-300">
<div class="w-12 h-12 flex items-center justify-center">
<template v-if="file.type === 'directory'">
<svg
fill="currentColor"
width="40"
height="40"
viewBox="0 0 24 24"
class="text-NcBlue"
>
<path
d="M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z"
></path>
</svg>
<svg
fill="currentColor"
viewBox="0 0 24 24"
class="text-NcBlue w-10 h-10"
>
<path
d="M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z"
></path>
</svg>
</template>
<template v-else>
<div class="flex items-center justify-center">
<img alt="" loading="lazy" src="http://nextcloud.local/index.php/core/preview?fileId=161&amp;x=32&amp;y=32&amp;mimeFallback=true&amp;v=030b13&amp;a=0" class="files-list__row-icon-preview files-list__row-icon-preview--loaded w-10 h-10 ">
</div>
<div class="flex items-center justify-center">
<svg
viewBox="0 0 16 16"
xmlns="http://www.w3.org/2000/svg"
xml:space="preserve"
class="w-10 h-10"
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"
>
<path d="M6 22c-.55 0-1.021-.196-1.412-.587A1.927 1.927 0 0 1 4 20V4c0-.55.196-1.021.588-1.413A1.926 1.926 0 0 1 6 2h8l6 6v12a1.93 1.93 0 0 1-.587 1.413A1.93 1.93 0 0 1 18 22H6Z" style="fill:#969696;fill-rule:nonzero" transform="matrix(.7 0 0 .7 -.43 -.388)"/>
</svg>
</div>
</template>
</div>
<div class="ml-4">{{ file.basename }}</div>

24
src/output.css
View File

@ -569,10 +569,6 @@ video {
display: flex;
}
.h-10 {
height: 2.5rem;
}
.h-12 {
height: 3rem;
}
@ -585,8 +581,8 @@ video {
height: 100%;
}
.h-8 {
height: 2rem;
.h-10 {
height: 2.5rem;
}
.max-h-8 {
@ -601,10 +597,6 @@ video {
width: 16.666667%;
}
.w-10 {
width: 2.5rem;
}
.w-12 {
width: 3rem;
}
@ -621,6 +613,18 @@ video {
width: 100%;
}
.w-10 {
width: 2.5rem;
}
.w-16 {
width: 4rem;
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
cursor: pointer;
}