pengjunjie/document-server-integration
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/document-server-integration.git synced 2026-02-10 18:05:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

update file type icons

Browse Source
This commit is contained in:
Sergey Linnik
2024-11-26 17:19:28 +03:00
parent 6f7927c894
commit 3186245cc8
90 changed files with 590 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/documentserver-example/csharp-mvc/Content/images/file_docx.svg
View File

@ -1 +1,7 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#287CA9"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="22" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="11" height="1.5" rx=".75" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#287CA9"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="10" height="2" rx="1" fill="#fff"/>
<rect x="7" y="22" width="16" height="2" rx="1" fill="#fff"/>
<rect x="7" y="16" width="16" height="2" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 527 B

After

Width:  |  Height:  |  Size: 503 B

9
web/documentserver-example/csharp-mvc/Content/images/file_pdf.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#E54D39"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v6c0 .3624.25709.6648.59885.7348.04882.01.09937.0152.15115.0152h6.5c.4142 0 .75-.3358.75-.75v-6c0-.4142-.3358-.75-.75-.75h-6.5Zm5.75 1.5h-5V22h5v-4.5Z" fill="#fff"/><rect x="18" y="22" width="6" height="1.5" rx=".75" fill="#fff"/><rect x="18" y="16" width="6" height="1.5" rx=".75" fill="#fff"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#E54D39"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="16" height="2" rx="1" fill="#fff"/>
<rect x="18" y="22" width="5" height="2" rx="1" fill="#fff"/>
<rect x="18" y="16" width="5" height="2" rx="1" fill="#fff"/>
<rect x="8" y="17" width="6" height="6" rx=".833" stroke="#fff" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 775 B

After

Width:  |  Height:  |  Size: 590 B

9
web/documentserver-example/csharp-mvc/Content/images/file_pptx.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#F36700"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="7.5" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 7.5 16)" fill="#fff"/><rect x="24" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 24 16)" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#F36700"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 658 B

After

Width:  |  Height:  |  Size: 570 B

6
web/documentserver-example/csharp-mvc/Content/images/file_upload.svg
View File

@ -1 +1,5 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3Z" fill="#D0D5DA"/><path d="m23 0 7 7h-4c-1.6569 0-3-1.34315-3-3V0Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 23c-.27614 0-.5.2239-.5.5v4c0 .2761.22386.5.5.5h15c.2761 0 .5-.2239.5-.5v-4c0-.2761-.2239-.5-.5-.5h-2c-.2761 0-.5-.2239-.5-.5s.2239-.5.5-.5h2c.8284 0 1.5.6716 1.5 1.5v4c0 .8284-.6716 1.5-1.5 1.5h-15c-.82843 0-1.5-.6716-1.5-1.5v-4c0-.8284.67157-1.5 1.5-1.5h2c.27614 0 .5.2239.5.5s-.22386.5-.5.5h-2Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.0001 15 14l-5 6.0001h3v4c0 .5522.4477 1 1 1h2c.5523 0 1-.4478 1-1v-4h3Z" fill="#646464"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#D1D5DA"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5zm-5.293 14.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 1 0 1.414 1.414L14 17.414V25a1 1 0 1 0 2 0v-7.586l2.293 2.293a1 1 0 0 0 1.414-1.414z" fill="#646464"/>
<path d="M8.833 22H11a1 1 0 1 1 0 2H9v4h12v-4h-2a1 1 0 1 1 0-2h2.167c1.012 0 1.833.82 1.833 1.833v4.334C23 29.179 22.18 30 21.167 30H8.833A1.833 1.833 0 0 1 7 28.167v-4.334C7 22.821 7.82 22 8.833 22" fill="#646464"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 797 B

After

Width:  |  Height:  |  Size: 638 B

11
web/documentserver-example/csharp-mvc/Content/images/file_xlsx.svg
View File

@ -1 +1,10 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#3AA133"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v11.5c0 .0877.01504.1718.04268.25-.02764.0782-.04268.1623-.04268.25 0 .4142.33579.75.75.75h16.5c.4142 0 .75-.3358.75-.75 0-.0877-.015-.1718-.0427-.25.0277-.0782.0427-.1623.0427-.25v-11.5c0-.4142-.3358-.75-.75-.75H6.75Zm5.75 1.5h-5V22h5v-4.5ZM14 22v-4.5h8.5V22H14Zm-1.5 1.5h-5V28h5v-4.5ZM14 28v-4.5h8.5V28H14Z" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#3AA133"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="22" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="12" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 738 B

After

Width:  |  Height:  |  Size: 703 B

6
web/documentserver-example/csharp-mvc/Content/images/icon_docx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#287CA9"/><path d="M10 9h5v5h-5V9Z" fill="#287CA9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1.2163h1V10h1v3h-3v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path fill="#287CA9" d="M5 7h6v1H5zm0 2h6v1H5zm0 2h4v1H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 617 B

After

Width:  |  Height:  |  Size: 394 B

6
web/documentserver-example/csharp-mvc/Content/images/icon_pdf.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M10 9h5v5h-5V9Z" fill="#E52910"/><path fill="#fff" d="M11 12h1v1h-1zM12 10h1v1h-1zM12 11h1v1h-1zM13 11h1v1h-1z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#E52910"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M7.36 5.777c0 1.085-.31 2.363-.833 3.543-.526 1.185-1.235 2.198-1.974 2.796l.803 1.109c1.992-1.342 4.198-2.262 6.333-1.954L12 9.938c-1.819-.612-3.278-2.449-3.278-4.16zm.888 2.84a6.7 6.7 0 0 0 1.161 1.35c-.668.122-1.323.32-1.957.573q.17-.322.316-.657c.183-.41.344-.836.48-1.267" fill="#E54D39"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 B

After

Width:  |  Height:  |  Size: 637 B

7
web/documentserver-example/csharp-mvc/Content/images/icon_pptx.svg
View File

@ -1 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M5.25 9c-.13807 0-.25161-.11236-.2344-.24935.02224-.17697.0681-.35054.13664-.51602.10051-.24265.24783-.46313.43355-.64884.18571-.18572.40619-.33304.64884-.43355.16548-.06854.33905-.1144.51602-.13664C6.88764 6.99839 7 7.11193 7 7.25v1.5c0 .13807-.11193.25-.25.25h-1.5Z" fill="#ED771C"/><path d="M5.25 10c-.13807 0-.25108.1121-.23959.2497.0422.5053.21197.9932.49518 1.417.32965.4934.79818.8779 1.34636 1.1049.54818.2271 1.15138.2865 1.73332.1708.58194-.1158 1.11649-.4015 1.53603-.8211.4196-.4195.7053-.9541.8211-1.536.1157-.582.0563-1.18517-.1708-1.73335-.227-.54818-.6115-1.01671-1.10489-1.34636-.42386-.28321-.91169-.45298-1.41699-.49518C8.11213 6.99892 8 7.11193 8 7.25v2.5c0 .13807-.11193.25-.25.25h-2.5Z" fill="#F8C9A4"/><path d="M10 9h5v5h-5V9Z" fill="#ED771C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h2.7305v2H12v1h-1v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M5 10a3 3 0 1 0 3-3v3z" fill="#F36700"/>
<path d="M4.5 9A2.5 2.5 0 0 1 7 6.5V9z" fill="#F36700"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 444 B

6
web/documentserver-example/csharp-mvc/Content/images/icon_xlsx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 7h3v1H9V7ZM8 9H5v1h3V9Zm0 2H5v1h3v-1Zm0-4H5v1h3V7Z" fill="#3AA133"/><path d="M10 9h5v5h-5V9Z" fill="#3AA133"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1h-1v-1Zm2 1h-1v1h-1v1h1v-1h1v1h1v-1h-1v-1Zm0 0v-1h1v1h-1Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.207V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.793z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v1.9c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437c.214.109.494.109 1.054.109H13" stroke="#BBB"/>
<path fill="#3AA133" d="M8 7h3v2H8zm0 3h3v2H8zM5 7h2v2H5zm0 3h2v2H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 665 B

After

Width:  |  Height:  |  Size: 408 B

8
web/documentserver-example/csharp/App_Themes/images/file_docx.svg
View File

@ -1 +1,7 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#287CA9"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="22" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="11" height="1.5" rx=".75" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#287CA9"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="10" height="2" rx="1" fill="#fff"/>
<rect x="7" y="22" width="16" height="2" rx="1" fill="#fff"/>
<rect x="7" y="16" width="16" height="2" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 527 B

After

Width:  |  Height:  |  Size: 503 B

9
web/documentserver-example/csharp/App_Themes/images/file_pdf.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#E54D39"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v6c0 .3624.25709.6648.59885.7348.04882.01.09937.0152.15115.0152h6.5c.4142 0 .75-.3358.75-.75v-6c0-.4142-.3358-.75-.75-.75h-6.5Zm5.75 1.5h-5V22h5v-4.5Z" fill="#fff"/><rect x="18" y="22" width="6" height="1.5" rx=".75" fill="#fff"/><rect x="18" y="16" width="6" height="1.5" rx=".75" fill="#fff"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#E54D39"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="16" height="2" rx="1" fill="#fff"/>
<rect x="18" y="22" width="5" height="2" rx="1" fill="#fff"/>
<rect x="18" y="16" width="5" height="2" rx="1" fill="#fff"/>
<rect x="8" y="17" width="6" height="6" rx=".833" stroke="#fff" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 775 B

After

Width:  |  Height:  |  Size: 590 B

9
web/documentserver-example/csharp/App_Themes/images/file_pptx.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#F36700"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="7.5" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 7.5 16)" fill="#fff"/><rect x="24" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 24 16)" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#F36700"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 658 B

After

Width:  |  Height:  |  Size: 570 B

6
web/documentserver-example/csharp/App_Themes/images/file_upload.svg
View File

@ -1 +1,5 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3Z" fill="#D0D5DA"/><path d="m23 0 7 7h-4c-1.6569 0-3-1.34315-3-3V0Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 23c-.27614 0-.5.2239-.5.5v4c0 .2761.22386.5.5.5h15c.2761 0 .5-.2239.5-.5v-4c0-.2761-.2239-.5-.5-.5h-2c-.2761 0-.5-.2239-.5-.5s.2239-.5.5-.5h2c.8284 0 1.5.6716 1.5 1.5v4c0 .8284-.6716 1.5-1.5 1.5h-15c-.82843 0-1.5-.6716-1.5-1.5v-4c0-.8284.67157-1.5 1.5-1.5h2c.27614 0 .5.2239.5.5s-.22386.5-.5.5h-2Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.0001 15 14l-5 6.0001h3v4c0 .5522.4477 1 1 1h2c.5523 0 1-.4478 1-1v-4h3Z" fill="#646464"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#D1D5DA"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5zm-5.293 14.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 1 0 1.414 1.414L14 17.414V25a1 1 0 1 0 2 0v-7.586l2.293 2.293a1 1 0 0 0 1.414-1.414z" fill="#646464"/>
<path d="M8.833 22H11a1 1 0 1 1 0 2H9v4h12v-4h-2a1 1 0 1 1 0-2h2.167c1.012 0 1.833.82 1.833 1.833v4.334C23 29.179 22.18 30 21.167 30H8.833A1.833 1.833 0 0 1 7 28.167v-4.334C7 22.821 7.82 22 8.833 22" fill="#646464"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 797 B

After

Width:  |  Height:  |  Size: 638 B

11
web/documentserver-example/csharp/App_Themes/images/file_xlsx.svg
View File

@ -1 +1,10 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#3AA133"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v11.5c0 .0877.01504.1718.04268.25-.02764.0782-.04268.1623-.04268.25 0 .4142.33579.75.75.75h16.5c.4142 0 .75-.3358.75-.75 0-.0877-.015-.1718-.0427-.25.0277-.0782.0427-.1623.0427-.25v-11.5c0-.4142-.3358-.75-.75-.75H6.75Zm5.75 1.5h-5V22h5v-4.5ZM14 22v-4.5h8.5V22H14Zm-1.5 1.5h-5V28h5v-4.5ZM14 28v-4.5h8.5V28H14Z" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#3AA133"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="22" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="12" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 738 B

After

Width:  |  Height:  |  Size: 703 B

6
web/documentserver-example/csharp/App_Themes/images/icon_docx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#287CA9"/><path d="M10 9h5v5h-5V9Z" fill="#287CA9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1.2163h1V10h1v3h-3v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path fill="#287CA9" d="M5 7h6v1H5zm0 2h6v1H5zm0 2h4v1H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 617 B

After

Width:  |  Height:  |  Size: 394 B

6
web/documentserver-example/csharp/App_Themes/images/icon_pdf.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M10 9h5v5h-5V9Z" fill="#E52910"/><path fill="#fff" d="M11 12h1v1h-1zM12 10h1v1h-1zM12 11h1v1h-1zM13 11h1v1h-1z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#E52910"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M7.36 5.777c0 1.085-.31 2.363-.833 3.543-.526 1.185-1.235 2.198-1.974 2.796l.803 1.109c1.992-1.342 4.198-2.262 6.333-1.954L12 9.938c-1.819-.612-3.278-2.449-3.278-4.16zm.888 2.84a6.7 6.7 0 0 0 1.161 1.35c-.668.122-1.323.32-1.957.573q.17-.322.316-.657c.183-.41.344-.836.48-1.267" fill="#E54D39"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 B

After

Width:  |  Height:  |  Size: 637 B

7
web/documentserver-example/csharp/App_Themes/images/icon_pptx.svg
View File

@ -1 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M5.25 9c-.13807 0-.25161-.11236-.2344-.24935.02224-.17697.0681-.35054.13664-.51602.10051-.24265.24783-.46313.43355-.64884.18571-.18572.40619-.33304.64884-.43355.16548-.06854.33905-.1144.51602-.13664C6.88764 6.99839 7 7.11193 7 7.25v1.5c0 .13807-.11193.25-.25.25h-1.5Z" fill="#ED771C"/><path d="M5.25 10c-.13807 0-.25108.1121-.23959.2497.0422.5053.21197.9932.49518 1.417.32965.4934.79818.8779 1.34636 1.1049.54818.2271 1.15138.2865 1.73332.1708.58194-.1158 1.11649-.4015 1.53603-.8211.4196-.4195.7053-.9541.8211-1.536.1157-.582.0563-1.18517-.1708-1.73335-.227-.54818-.6115-1.01671-1.10489-1.34636-.42386-.28321-.91169-.45298-1.41699-.49518C8.11213 6.99892 8 7.11193 8 7.25v2.5c0 .13807-.11193.25-.25.25h-2.5Z" fill="#F8C9A4"/><path d="M10 9h5v5h-5V9Z" fill="#ED771C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h2.7305v2H12v1h-1v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M5 10a3 3 0 1 0 3-3v3z" fill="#F36700"/>
<path d="M4.5 9A2.5 2.5 0 0 1 7 6.5V9z" fill="#F36700"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 444 B

6
web/documentserver-example/csharp/App_Themes/images/icon_xlsx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 7h3v1H9V7ZM8 9H5v1h3V9Zm0 2H5v1h3v-1Zm0-4H5v1h3V7Z" fill="#3AA133"/><path d="M10 9h5v5h-5V9Z" fill="#3AA133"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1h-1v-1Zm2 1h-1v1h-1v1h1v-1h1v1h1v-1h-1v-1Zm0 0v-1h1v1h-1Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.207V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.793z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v1.9c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437c.214.109.494.109 1.054.109H13" stroke="#BBB"/>
<path fill="#3AA133" d="M8 7h3v2H8zm0 3h3v2H8zM5 7h2v2H5zm0 3h2v2H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 665 B

After

Width:  |  Height:  |  Size: 408 B

8
web/documentserver-example/go/static/images/file_docx.svg
View File

@ -1 +1,7 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#287CA9"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="22" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="11" height="1.5" rx=".75" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#287CA9"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="10" height="2" rx="1" fill="#fff"/>
<rect x="7" y="22" width="16" height="2" rx="1" fill="#fff"/>
<rect x="7" y="16" width="16" height="2" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 527 B

After

Width:  |  Height:  |  Size: 503 B

9
web/documentserver-example/go/static/images/file_pdf.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#E54D39"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v6c0 .3624.25709.6648.59885.7348.04882.01.09937.0152.15115.0152h6.5c.4142 0 .75-.3358.75-.75v-6c0-.4142-.3358-.75-.75-.75h-6.5Zm5.75 1.5h-5V22h5v-4.5Z" fill="#fff"/><rect x="18" y="22" width="6" height="1.5" rx=".75" fill="#fff"/><rect x="18" y="16" width="6" height="1.5" rx=".75" fill="#fff"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#E54D39"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="16" height="2" rx="1" fill="#fff"/>
<rect x="18" y="22" width="5" height="2" rx="1" fill="#fff"/>
<rect x="18" y="16" width="5" height="2" rx="1" fill="#fff"/>
<rect x="8" y="17" width="6" height="6" rx=".833" stroke="#fff" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 775 B

After

Width:  |  Height:  |  Size: 590 B

9
web/documentserver-example/go/static/images/file_pptx.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#F36700"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="7.5" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 7.5 16)" fill="#fff"/><rect x="24" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 24 16)" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#F36700"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 658 B

After

Width:  |  Height:  |  Size: 570 B

6
web/documentserver-example/go/static/images/file_upload.svg
View File

@ -1 +1,5 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3Z" fill="#D0D5DA"/><path d="m23 0 7 7h-4c-1.6569 0-3-1.34315-3-3V0Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 23c-.27614 0-.5.2239-.5.5v4c0 .2761.22386.5.5.5h15c.2761 0 .5-.2239.5-.5v-4c0-.2761-.2239-.5-.5-.5h-2c-.2761 0-.5-.2239-.5-.5s.2239-.5.5-.5h2c.8284 0 1.5.6716 1.5 1.5v4c0 .8284-.6716 1.5-1.5 1.5h-15c-.82843 0-1.5-.6716-1.5-1.5v-4c0-.8284.67157-1.5 1.5-1.5h2c.27614 0 .5.2239.5.5s-.22386.5-.5.5h-2Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.0001 15 14l-5 6.0001h3v4c0 .5522.4477 1 1 1h2c.5523 0 1-.4478 1-1v-4h3Z" fill="#646464"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#D1D5DA"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5zm-5.293 14.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 1 0 1.414 1.414L14 17.414V25a1 1 0 1 0 2 0v-7.586l2.293 2.293a1 1 0 0 0 1.414-1.414z" fill="#646464"/>
<path d="M8.833 22H11a1 1 0 1 1 0 2H9v4h12v-4h-2a1 1 0 1 1 0-2h2.167c1.012 0 1.833.82 1.833 1.833v4.334C23 29.179 22.18 30 21.167 30H8.833A1.833 1.833 0 0 1 7 28.167v-4.334C7 22.821 7.82 22 8.833 22" fill="#646464"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 797 B

After

Width:  |  Height:  |  Size: 638 B

11
web/documentserver-example/go/static/images/file_xlsx.svg
View File

@ -1 +1,10 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#3AA133"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v11.5c0 .0877.01504.1718.04268.25-.02764.0782-.04268.1623-.04268.25 0 .4142.33579.75.75.75h16.5c.4142 0 .75-.3358.75-.75 0-.0877-.015-.1718-.0427-.25.0277-.0782.0427-.1623.0427-.25v-11.5c0-.4142-.3358-.75-.75-.75H6.75Zm5.75 1.5h-5V22h5v-4.5ZM14 22v-4.5h8.5V22H14Zm-1.5 1.5h-5V28h5v-4.5ZM14 28v-4.5h8.5V28H14Z" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#3AA133"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="22" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="12" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 738 B

After

Width:  |  Height:  |  Size: 703 B

6
web/documentserver-example/go/static/images/icon_docx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#287CA9"/><path d="M10 9h5v5h-5V9Z" fill="#287CA9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1.2163h1V10h1v3h-3v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path fill="#287CA9" d="M5 7h6v1H5zm0 2h6v1H5zm0 2h4v1H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 617 B

After

Width:  |  Height:  |  Size: 394 B

6
web/documentserver-example/go/static/images/icon_pdf.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M10 9h5v5h-5V9Z" fill="#E52910"/><path fill="#fff" d="M11 12h1v1h-1zM12 10h1v1h-1zM12 11h1v1h-1zM13 11h1v1h-1z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#E52910"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M7.36 5.777c0 1.085-.31 2.363-.833 3.543-.526 1.185-1.235 2.198-1.974 2.796l.803 1.109c1.992-1.342 4.198-2.262 6.333-1.954L12 9.938c-1.819-.612-3.278-2.449-3.278-4.16zm.888 2.84a6.7 6.7 0 0 0 1.161 1.35c-.668.122-1.323.32-1.957.573q.17-.322.316-.657c.183-.41.344-.836.48-1.267" fill="#E54D39"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 B

After

Width:  |  Height:  |  Size: 637 B

7
web/documentserver-example/go/static/images/icon_pptx.svg
View File

@ -1 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M5.25 9c-.13807 0-.25161-.11236-.2344-.24935.02224-.17697.0681-.35054.13664-.51602.10051-.24265.24783-.46313.43355-.64884.18571-.18572.40619-.33304.64884-.43355.16548-.06854.33905-.1144.51602-.13664C6.88764 6.99839 7 7.11193 7 7.25v1.5c0 .13807-.11193.25-.25.25h-1.5Z" fill="#ED771C"/><path d="M5.25 10c-.13807 0-.25108.1121-.23959.2497.0422.5053.21197.9932.49518 1.417.32965.4934.79818.8779 1.34636 1.1049.54818.2271 1.15138.2865 1.73332.1708.58194-.1158 1.11649-.4015 1.53603-.8211.4196-.4195.7053-.9541.8211-1.536.1157-.582.0563-1.18517-.1708-1.73335-.227-.54818-.6115-1.01671-1.10489-1.34636-.42386-.28321-.91169-.45298-1.41699-.49518C8.11213 6.99892 8 7.11193 8 7.25v2.5c0 .13807-.11193.25-.25.25h-2.5Z" fill="#F8C9A4"/><path d="M10 9h5v5h-5V9Z" fill="#ED771C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h2.7305v2H12v1h-1v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M5 10a3 3 0 1 0 3-3v3z" fill="#F36700"/>
<path d="M4.5 9A2.5 2.5 0 0 1 7 6.5V9z" fill="#F36700"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 444 B

6
web/documentserver-example/go/static/images/icon_xlsx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 7h3v1H9V7ZM8 9H5v1h3V9Zm0 2H5v1h3v-1Zm0-4H5v1h3V7Z" fill="#3AA133"/><path d="M10 9h5v5h-5V9Z" fill="#3AA133"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1h-1v-1Zm2 1h-1v1h-1v1h1v-1h1v1h1v-1h-1v-1Zm0 0v-1h1v1h-1Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.207V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.793z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v1.9c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437c.214.109.494.109 1.054.109H13" stroke="#BBB"/>
<path fill="#3AA133" d="M8 7h3v2H8zm0 3h3v2H8zM5 7h2v2H5zm0 3h2v2H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 665 B

After

Width:  |  Height:  |  Size: 408 B

8
web/documentserver-example/java-spring/src/main/resources/static/css/img/file_docx.svg
View File

@ -1 +1,7 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#287CA9"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="22" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="11" height="1.5" rx=".75" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#287CA9"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="10" height="2" rx="1" fill="#fff"/>
<rect x="7" y="22" width="16" height="2" rx="1" fill="#fff"/>
<rect x="7" y="16" width="16" height="2" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 527 B

After

Width:  |  Height:  |  Size: 503 B

9
web/documentserver-example/java-spring/src/main/resources/static/css/img/file_pdf.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#E54D39"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v6c0 .3624.25709.6648.59885.7348.04882.01.09937.0152.15115.0152h6.5c.4142 0 .75-.3358.75-.75v-6c0-.4142-.3358-.75-.75-.75h-6.5Zm5.75 1.5h-5V22h5v-4.5Z" fill="#fff"/><rect x="18" y="22" width="6" height="1.5" rx=".75" fill="#fff"/><rect x="18" y="16" width="6" height="1.5" rx=".75" fill="#fff"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#E54D39"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="16" height="2" rx="1" fill="#fff"/>
<rect x="18" y="22" width="5" height="2" rx="1" fill="#fff"/>
<rect x="18" y="16" width="5" height="2" rx="1" fill="#fff"/>
<rect x="8" y="17" width="6" height="6" rx=".833" stroke="#fff" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 775 B

After

Width:  |  Height:  |  Size: 590 B

9
web/documentserver-example/java-spring/src/main/resources/static/css/img/file_pptx.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#F36700"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="7.5" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 7.5 16)" fill="#fff"/><rect x="24" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 24 16)" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#F36700"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 658 B

After

Width:  |  Height:  |  Size: 570 B

6
web/documentserver-example/java-spring/src/main/resources/static/css/img/file_upload.svg
View File

@ -1 +1,5 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3Z" fill="#D0D5DA"/><path d="m23 0 7 7h-4c-1.6569 0-3-1.34315-3-3V0Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 23c-.27614 0-.5.2239-.5.5v4c0 .2761.22386.5.5.5h15c.2761 0 .5-.2239.5-.5v-4c0-.2761-.2239-.5-.5-.5h-2c-.2761 0-.5-.2239-.5-.5s.2239-.5.5-.5h2c.8284 0 1.5.6716 1.5 1.5v4c0 .8284-.6716 1.5-1.5 1.5h-15c-.82843 0-1.5-.6716-1.5-1.5v-4c0-.8284.67157-1.5 1.5-1.5h2c.27614 0 .5.2239.5.5s-.22386.5-.5.5h-2Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.0001 15 14l-5 6.0001h3v4c0 .5522.4477 1 1 1h2c.5523 0 1-.4478 1-1v-4h3Z" fill="#646464"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#D1D5DA"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5zm-5.293 14.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 1 0 1.414 1.414L14 17.414V25a1 1 0 1 0 2 0v-7.586l2.293 2.293a1 1 0 0 0 1.414-1.414z" fill="#646464"/>
<path d="M8.833 22H11a1 1 0 1 1 0 2H9v4h12v-4h-2a1 1 0 1 1 0-2h2.167c1.012 0 1.833.82 1.833 1.833v4.334C23 29.179 22.18 30 21.167 30H8.833A1.833 1.833 0 0 1 7 28.167v-4.334C7 22.821 7.82 22 8.833 22" fill="#646464"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 797 B

After

Width:  |  Height:  |  Size: 638 B

11
web/documentserver-example/java-spring/src/main/resources/static/css/img/file_xlsx.svg
View File

@ -1 +1,10 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#3AA133"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v11.5c0 .0877.01504.1718.04268.25-.02764.0782-.04268.1623-.04268.25 0 .4142.33579.75.75.75h16.5c.4142 0 .75-.3358.75-.75 0-.0877-.015-.1718-.0427-.25.0277-.0782.0427-.1623.0427-.25v-11.5c0-.4142-.3358-.75-.75-.75H6.75Zm5.75 1.5h-5V22h5v-4.5ZM14 22v-4.5h8.5V22H14Zm-1.5 1.5h-5V28h5v-4.5ZM14 28v-4.5h8.5V28H14Z" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#3AA133"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="22" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="12" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 738 B

After

Width:  |  Height:  |  Size: 703 B

6
web/documentserver-example/java-spring/src/main/resources/static/css/img/icon_docx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#287CA9"/><path d="M10 9h5v5h-5V9Z" fill="#287CA9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1.2163h1V10h1v3h-3v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path fill="#287CA9" d="M5 7h6v1H5zm0 2h6v1H5zm0 2h4v1H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 617 B

After

Width:  |  Height:  |  Size: 394 B

6
web/documentserver-example/java-spring/src/main/resources/static/css/img/icon_pdf.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M10 9h5v5h-5V9Z" fill="#E52910"/><path fill="#fff" d="M11 12h1v1h-1zM12 10h1v1h-1zM12 11h1v1h-1zM13 11h1v1h-1z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#E52910"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M7.36 5.777c0 1.085-.31 2.363-.833 3.543-.526 1.185-1.235 2.198-1.974 2.796l.803 1.109c1.992-1.342 4.198-2.262 6.333-1.954L12 9.938c-1.819-.612-3.278-2.449-3.278-4.16zm.888 2.84a6.7 6.7 0 0 0 1.161 1.35c-.668.122-1.323.32-1.957.573q.17-.322.316-.657c.183-.41.344-.836.48-1.267" fill="#E54D39"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 B

After

Width:  |  Height:  |  Size: 637 B

7
web/documentserver-example/java-spring/src/main/resources/static/css/img/icon_pptx.svg
View File

@ -1 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M5.25 9c-.13807 0-.25161-.11236-.2344-.24935.02224-.17697.0681-.35054.13664-.51602.10051-.24265.24783-.46313.43355-.64884.18571-.18572.40619-.33304.64884-.43355.16548-.06854.33905-.1144.51602-.13664C6.88764 6.99839 7 7.11193 7 7.25v1.5c0 .13807-.11193.25-.25.25h-1.5Z" fill="#ED771C"/><path d="M5.25 10c-.13807 0-.25108.1121-.23959.2497.0422.5053.21197.9932.49518 1.417.32965.4934.79818.8779 1.34636 1.1049.54818.2271 1.15138.2865 1.73332.1708.58194-.1158 1.11649-.4015 1.53603-.8211.4196-.4195.7053-.9541.8211-1.536.1157-.582.0563-1.18517-.1708-1.73335-.227-.54818-.6115-1.01671-1.10489-1.34636-.42386-.28321-.91169-.45298-1.41699-.49518C8.11213 6.99892 8 7.11193 8 7.25v2.5c0 .13807-.11193.25-.25.25h-2.5Z" fill="#F8C9A4"/><path d="M10 9h5v5h-5V9Z" fill="#ED771C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h2.7305v2H12v1h-1v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M5 10a3 3 0 1 0 3-3v3z" fill="#F36700"/>
<path d="M4.5 9A2.5 2.5 0 0 1 7 6.5V9z" fill="#F36700"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 444 B

6
web/documentserver-example/java-spring/src/main/resources/static/css/img/icon_xlsx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 7h3v1H9V7ZM8 9H5v1h3V9Zm0 2H5v1h3v-1Zm0-4H5v1h3V7Z" fill="#3AA133"/><path d="M10 9h5v5h-5V9Z" fill="#3AA133"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1h-1v-1Zm2 1h-1v1h-1v1h1v-1h1v1h1v-1h-1v-1Zm0 0v-1h1v1h-1Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.207V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.793z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v1.9c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437c.214.109.494.109 1.054.109H13" stroke="#BBB"/>
<path fill="#3AA133" d="M8 7h3v2H8zm0 3h3v2H8zM5 7h2v2H5zm0 3h2v2H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 665 B

After

Width:  |  Height:  |  Size: 408 B

8
web/documentserver-example/java/src/main/webapp/css/img/file_docx.svg
View File

@ -1 +1,7 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#287CA9"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="22" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="11" height="1.5" rx=".75" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#287CA9"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="10" height="2" rx="1" fill="#fff"/>
<rect x="7" y="22" width="16" height="2" rx="1" fill="#fff"/>
<rect x="7" y="16" width="16" height="2" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 527 B

After

Width:  |  Height:  |  Size: 503 B

9
web/documentserver-example/java/src/main/webapp/css/img/file_pdf.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#E54D39"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v6c0 .3624.25709.6648.59885.7348.04882.01.09937.0152.15115.0152h6.5c.4142 0 .75-.3358.75-.75v-6c0-.4142-.3358-.75-.75-.75h-6.5Zm5.75 1.5h-5V22h5v-4.5Z" fill="#fff"/><rect x="18" y="22" width="6" height="1.5" rx=".75" fill="#fff"/><rect x="18" y="16" width="6" height="1.5" rx=".75" fill="#fff"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#E54D39"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="16" height="2" rx="1" fill="#fff"/>
<rect x="18" y="22" width="5" height="2" rx="1" fill="#fff"/>
<rect x="18" y="16" width="5" height="2" rx="1" fill="#fff"/>
<rect x="8" y="17" width="6" height="6" rx=".833" stroke="#fff" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 775 B

After

Width:  |  Height:  |  Size: 590 B

9
web/documentserver-example/java/src/main/webapp/css/img/file_pptx.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#F36700"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="7.5" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 7.5 16)" fill="#fff"/><rect x="24" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 24 16)" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#F36700"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 658 B

After

Width:  |  Height:  |  Size: 570 B

6
web/documentserver-example/java/src/main/webapp/css/img/file_upload.svg
View File

@ -1 +1,5 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3Z" fill="#D0D5DA"/><path d="m23 0 7 7h-4c-1.6569 0-3-1.34315-3-3V0Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 23c-.27614 0-.5.2239-.5.5v4c0 .2761.22386.5.5.5h15c.2761 0 .5-.2239.5-.5v-4c0-.2761-.2239-.5-.5-.5h-2c-.2761 0-.5-.2239-.5-.5s.2239-.5.5-.5h2c.8284 0 1.5.6716 1.5 1.5v4c0 .8284-.6716 1.5-1.5 1.5h-15c-.82843 0-1.5-.6716-1.5-1.5v-4c0-.8284.67157-1.5 1.5-1.5h2c.27614 0 .5.2239.5.5s-.22386.5-.5.5h-2Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.0001 15 14l-5 6.0001h3v4c0 .5522.4477 1 1 1h2c.5523 0 1-.4478 1-1v-4h3Z" fill="#646464"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#D1D5DA"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5zm-5.293 14.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 1 0 1.414 1.414L14 17.414V25a1 1 0 1 0 2 0v-7.586l2.293 2.293a1 1 0 0 0 1.414-1.414z" fill="#646464"/>
<path d="M8.833 22H11a1 1 0 1 1 0 2H9v4h12v-4h-2a1 1 0 1 1 0-2h2.167c1.012 0 1.833.82 1.833 1.833v4.334C23 29.179 22.18 30 21.167 30H8.833A1.833 1.833 0 0 1 7 28.167v-4.334C7 22.821 7.82 22 8.833 22" fill="#646464"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 797 B

After

Width:  |  Height:  |  Size: 638 B

11
web/documentserver-example/java/src/main/webapp/css/img/file_xlsx.svg
View File

@ -1 +1,10 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#3AA133"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v11.5c0 .0877.01504.1718.04268.25-.02764.0782-.04268.1623-.04268.25 0 .4142.33579.75.75.75h16.5c.4142 0 .75-.3358.75-.75 0-.0877-.015-.1718-.0427-.25.0277-.0782.0427-.1623.0427-.25v-11.5c0-.4142-.3358-.75-.75-.75H6.75Zm5.75 1.5h-5V22h5v-4.5ZM14 22v-4.5h8.5V22H14Zm-1.5 1.5h-5V28h5v-4.5ZM14 28v-4.5h8.5V28H14Z" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#3AA133"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="22" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="12" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 738 B

After

Width:  |  Height:  |  Size: 703 B

6
web/documentserver-example/java/src/main/webapp/css/img/icon_docx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#287CA9"/><path d="M10 9h5v5h-5V9Z" fill="#287CA9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1.2163h1V10h1v3h-3v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path fill="#287CA9" d="M5 7h6v1H5zm0 2h6v1H5zm0 2h4v1H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 617 B

After

Width:  |  Height:  |  Size: 394 B

6
web/documentserver-example/java/src/main/webapp/css/img/icon_pdf.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M10 9h5v5h-5V9Z" fill="#E52910"/><path fill="#fff" d="M11 12h1v1h-1zM12 10h1v1h-1zM12 11h1v1h-1zM13 11h1v1h-1z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#E52910"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M7.36 5.777c0 1.085-.31 2.363-.833 3.543-.526 1.185-1.235 2.198-1.974 2.796l.803 1.109c1.992-1.342 4.198-2.262 6.333-1.954L12 9.938c-1.819-.612-3.278-2.449-3.278-4.16zm.888 2.84a6.7 6.7 0 0 0 1.161 1.35c-.668.122-1.323.32-1.957.573q.17-.322.316-.657c.183-.41.344-.836.48-1.267" fill="#E54D39"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 B

After

Width:  |  Height:  |  Size: 637 B

7
web/documentserver-example/java/src/main/webapp/css/img/icon_pptx.svg
View File

@ -1 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M5.25 9c-.13807 0-.25161-.11236-.2344-.24935.02224-.17697.0681-.35054.13664-.51602.10051-.24265.24783-.46313.43355-.64884.18571-.18572.40619-.33304.64884-.43355.16548-.06854.33905-.1144.51602-.13664C6.88764 6.99839 7 7.11193 7 7.25v1.5c0 .13807-.11193.25-.25.25h-1.5Z" fill="#ED771C"/><path d="M5.25 10c-.13807 0-.25108.1121-.23959.2497.0422.5053.21197.9932.49518 1.417.32965.4934.79818.8779 1.34636 1.1049.54818.2271 1.15138.2865 1.73332.1708.58194-.1158 1.11649-.4015 1.53603-.8211.4196-.4195.7053-.9541.8211-1.536.1157-.582.0563-1.18517-.1708-1.73335-.227-.54818-.6115-1.01671-1.10489-1.34636-.42386-.28321-.91169-.45298-1.41699-.49518C8.11213 6.99892 8 7.11193 8 7.25v2.5c0 .13807-.11193.25-.25.25h-2.5Z" fill="#F8C9A4"/><path d="M10 9h5v5h-5V9Z" fill="#ED771C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h2.7305v2H12v1h-1v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M5 10a3 3 0 1 0 3-3v3z" fill="#F36700"/>
<path d="M4.5 9A2.5 2.5 0 0 1 7 6.5V9z" fill="#F36700"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 444 B

6
web/documentserver-example/java/src/main/webapp/css/img/icon_xlsx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 7h3v1H9V7ZM8 9H5v1h3V9Zm0 2H5v1h3v-1Zm0-4H5v1h3V7Z" fill="#3AA133"/><path d="M10 9h5v5h-5V9Z" fill="#3AA133"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1h-1v-1Zm2 1h-1v1h-1v1h1v-1h1v1h1v-1h-1v-1Zm0 0v-1h1v1h-1Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.207V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.793z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v1.9c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437c.214.109.494.109 1.054.109H13" stroke="#BBB"/>
<path fill="#3AA133" d="M8 7h3v2H8zm0 3h3v2H8zM5 7h2v2H5zm0 3h2v2H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 665 B

After

Width:  |  Height:  |  Size: 408 B

8
web/documentserver-example/nodejs/public/images/file_docx.svg
View File

@ -1 +1,7 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#287CA9"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="22" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="11" height="1.5" rx=".75" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#287CA9"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="10" height="2" rx="1" fill="#fff"/>
<rect x="7" y="22" width="16" height="2" rx="1" fill="#fff"/>
<rect x="7" y="16" width="16" height="2" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 527 B

After

Width:  |  Height:  |  Size: 503 B

9
web/documentserver-example/nodejs/public/images/file_pdf.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#E54D39"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v6c0 .3624.25709.6648.59885.7348.04882.01.09937.0152.15115.0152h6.5c.4142 0 .75-.3358.75-.75v-6c0-.4142-.3358-.75-.75-.75h-6.5Zm5.75 1.5h-5V22h5v-4.5Z" fill="#fff"/><rect x="18" y="22" width="6" height="1.5" rx=".75" fill="#fff"/><rect x="18" y="16" width="6" height="1.5" rx=".75" fill="#fff"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#E54D39"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="16" height="2" rx="1" fill="#fff"/>
<rect x="18" y="22" width="5" height="2" rx="1" fill="#fff"/>
<rect x="18" y="16" width="5" height="2" rx="1" fill="#fff"/>
<rect x="8" y="17" width="6" height="6" rx=".833" stroke="#fff" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 775 B

After

Width:  |  Height:  |  Size: 590 B

9
web/documentserver-example/nodejs/public/images/file_pptx.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#F36700"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="7.5" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 7.5 16)" fill="#fff"/><rect x="24" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 24 16)" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#F36700"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 658 B

After

Width:  |  Height:  |  Size: 570 B

6
web/documentserver-example/nodejs/public/images/file_upload.svg
View File

@ -1 +1,5 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3Z" fill="#D0D5DA"/><path d="m23 0 7 7h-4c-1.6569 0-3-1.34315-3-3V0Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 23c-.27614 0-.5.2239-.5.5v4c0 .2761.22386.5.5.5h15c.2761 0 .5-.2239.5-.5v-4c0-.2761-.2239-.5-.5-.5h-2c-.2761 0-.5-.2239-.5-.5s.2239-.5.5-.5h2c.8284 0 1.5.6716 1.5 1.5v4c0 .8284-.6716 1.5-1.5 1.5h-15c-.82843 0-1.5-.6716-1.5-1.5v-4c0-.8284.67157-1.5 1.5-1.5h2c.27614 0 .5.2239.5.5s-.22386.5-.5.5h-2Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.0001 15 14l-5 6.0001h3v4c0 .5522.4477 1 1 1h2c.5523 0 1-.4478 1-1v-4h3Z" fill="#646464"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#D1D5DA"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5zm-5.293 14.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 1 0 1.414 1.414L14 17.414V25a1 1 0 1 0 2 0v-7.586l2.293 2.293a1 1 0 0 0 1.414-1.414z" fill="#646464"/>
<path d="M8.833 22H11a1 1 0 1 1 0 2H9v4h12v-4h-2a1 1 0 1 1 0-2h2.167c1.012 0 1.833.82 1.833 1.833v4.334C23 29.179 22.18 30 21.167 30H8.833A1.833 1.833 0 0 1 7 28.167v-4.334C7 22.821 7.82 22 8.833 22" fill="#646464"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 797 B

After

Width:  |  Height:  |  Size: 638 B

11
web/documentserver-example/nodejs/public/images/file_xlsx.svg
View File

@ -1 +1,10 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#3AA133"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v11.5c0 .0877.01504.1718.04268.25-.02764.0782-.04268.1623-.04268.25 0 .4142.33579.75.75.75h16.5c.4142 0 .75-.3358.75-.75 0-.0877-.015-.1718-.0427-.25.0277-.0782.0427-.1623.0427-.25v-11.5c0-.4142-.3358-.75-.75-.75H6.75Zm5.75 1.5h-5V22h5v-4.5ZM14 22v-4.5h8.5V22H14Zm-1.5 1.5h-5V28h5v-4.5ZM14 28v-4.5h8.5V28H14Z" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#3AA133"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="22" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="12" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 738 B

After

Width:  |  Height:  |  Size: 703 B

6
web/documentserver-example/nodejs/public/images/icon_docx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#287CA9"/><path d="M10 9h5v5h-5V9Z" fill="#287CA9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1.2163h1V10h1v3h-3v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path fill="#287CA9" d="M5 7h6v1H5zm0 2h6v1H5zm0 2h4v1H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 617 B

After

Width:  |  Height:  |  Size: 394 B

6
web/documentserver-example/nodejs/public/images/icon_pdf.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M10 9h5v5h-5V9Z" fill="#E52910"/><path fill="#fff" d="M11 12h1v1h-1zM12 10h1v1h-1zM12 11h1v1h-1zM13 11h1v1h-1z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#E52910"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M7.36 5.777c0 1.085-.31 2.363-.833 3.543-.526 1.185-1.235 2.198-1.974 2.796l.803 1.109c1.992-1.342 4.198-2.262 6.333-1.954L12 9.938c-1.819-.612-3.278-2.449-3.278-4.16zm.888 2.84a6.7 6.7 0 0 0 1.161 1.35c-.668.122-1.323.32-1.957.573q.17-.322.316-.657c.183-.41.344-.836.48-1.267" fill="#E54D39"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 B

After

Width:  |  Height:  |  Size: 637 B

7
web/documentserver-example/nodejs/public/images/icon_pptx.svg
View File

@ -1 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M5.25 9c-.13807 0-.25161-.11236-.2344-.24935.02224-.17697.0681-.35054.13664-.51602.10051-.24265.24783-.46313.43355-.64884.18571-.18572.40619-.33304.64884-.43355.16548-.06854.33905-.1144.51602-.13664C6.88764 6.99839 7 7.11193 7 7.25v1.5c0 .13807-.11193.25-.25.25h-1.5Z" fill="#ED771C"/><path d="M5.25 10c-.13807 0-.25108.1121-.23959.2497.0422.5053.21197.9932.49518 1.417.32965.4934.79818.8779 1.34636 1.1049.54818.2271 1.15138.2865 1.73332.1708.58194-.1158 1.11649-.4015 1.53603-.8211.4196-.4195.7053-.9541.8211-1.536.1157-.582.0563-1.18517-.1708-1.73335-.227-.54818-.6115-1.01671-1.10489-1.34636-.42386-.28321-.91169-.45298-1.41699-.49518C8.11213 6.99892 8 7.11193 8 7.25v2.5c0 .13807-.11193.25-.25.25h-2.5Z" fill="#F8C9A4"/><path d="M10 9h5v5h-5V9Z" fill="#ED771C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h2.7305v2H12v1h-1v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M5 10a3 3 0 1 0 3-3v3z" fill="#F36700"/>
<path d="M4.5 9A2.5 2.5 0 0 1 7 6.5V9z" fill="#F36700"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 444 B

6
web/documentserver-example/nodejs/public/images/icon_xlsx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 7h3v1H9V7ZM8 9H5v1h3V9Zm0 2H5v1h3v-1Zm0-4H5v1h3V7Z" fill="#3AA133"/><path d="M10 9h5v5h-5V9Z" fill="#3AA133"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1h-1v-1Zm2 1h-1v1h-1v1h1v-1h1v1h1v-1h-1v-1Zm0 0v-1h1v1h-1Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.207V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.793z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v1.9c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437c.214.109.494.109 1.054.109H13" stroke="#BBB"/>
<path fill="#3AA133" d="M8 7h3v2H8zm0 3h3v2H8zM5 7h2v2H5zm0 3h2v2H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 665 B

After

Width:  |  Height:  |  Size: 408 B

8
web/documentserver-example/php-laravel/public/images/file_docx.svg
View File

@ -1 +1,7 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#287CA9"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="22" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="11" height="1.5" rx=".75" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#287CA9"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="10" height="2" rx="1" fill="#fff"/>
<rect x="7" y="22" width="16" height="2" rx="1" fill="#fff"/>
<rect x="7" y="16" width="16" height="2" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 527 B

After

Width:  |  Height:  |  Size: 503 B

9
web/documentserver-example/php-laravel/public/images/file_pdf.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#E54D39"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v6c0 .3624.25709.6648.59885.7348.04882.01.09937.0152.15115.0152h6.5c.4142 0 .75-.3358.75-.75v-6c0-.4142-.3358-.75-.75-.75h-6.5Zm5.75 1.5h-5V22h5v-4.5Z" fill="#fff"/><rect x="18" y="22" width="6" height="1.5" rx=".75" fill="#fff"/><rect x="18" y="16" width="6" height="1.5" rx=".75" fill="#fff"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#E54D39"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="16" height="2" rx="1" fill="#fff"/>
<rect x="18" y="22" width="5" height="2" rx="1" fill="#fff"/>
<rect x="18" y="16" width="5" height="2" rx="1" fill="#fff"/>
<rect x="8" y="17" width="6" height="6" rx=".833" stroke="#fff" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 775 B

After

Width:  |  Height:  |  Size: 590 B

9
web/documentserver-example/php-laravel/public/images/file_pptx.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#F36700"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="7.5" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 7.5 16)" fill="#fff"/><rect x="24" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 24 16)" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#F36700"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 658 B

After

Width:  |  Height:  |  Size: 570 B

6
web/documentserver-example/php-laravel/public/images/file_upload.svg
View File

@ -1 +1,5 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3Z" fill="#D0D5DA"/><path d="m23 0 7 7h-4c-1.6569 0-3-1.34315-3-3V0Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 23c-.27614 0-.5.2239-.5.5v4c0 .2761.22386.5.5.5h15c.2761 0 .5-.2239.5-.5v-4c0-.2761-.2239-.5-.5-.5h-2c-.2761 0-.5-.2239-.5-.5s.2239-.5.5-.5h2c.8284 0 1.5.6716 1.5 1.5v4c0 .8284-.6716 1.5-1.5 1.5h-15c-.82843 0-1.5-.6716-1.5-1.5v-4c0-.8284.67157-1.5 1.5-1.5h2c.27614 0 .5.2239.5.5s-.22386.5-.5.5h-2Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.0001 15 14l-5 6.0001h3v4c0 .5522.4477 1 1 1h2c.5523 0 1-.4478 1-1v-4h3Z" fill="#646464"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#D1D5DA"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5zm-5.293 14.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 1 0 1.414 1.414L14 17.414V25a1 1 0 1 0 2 0v-7.586l2.293 2.293a1 1 0 0 0 1.414-1.414z" fill="#646464"/>
<path d="M8.833 22H11a1 1 0 1 1 0 2H9v4h12v-4h-2a1 1 0 1 1 0-2h2.167c1.012 0 1.833.82 1.833 1.833v4.334C23 29.179 22.18 30 21.167 30H8.833A1.833 1.833 0 0 1 7 28.167v-4.334C7 22.821 7.82 22 8.833 22" fill="#646464"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 797 B

After

Width:  |  Height:  |  Size: 638 B

11
web/documentserver-example/php-laravel/public/images/file_xlsx.svg
View File

@ -1 +1,10 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#3AA133"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v11.5c0 .0877.01504.1718.04268.25-.02764.0782-.04268.1623-.04268.25 0 .4142.33579.75.75.75h16.5c.4142 0 .75-.3358.75-.75 0-.0877-.015-.1718-.0427-.25.0277-.0782.0427-.1623.0427-.25v-11.5c0-.4142-.3358-.75-.75-.75H6.75Zm5.75 1.5h-5V22h5v-4.5ZM14 22v-4.5h8.5V22H14Zm-1.5 1.5h-5V28h5v-4.5ZM14 28v-4.5h8.5V28H14Z" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#3AA133"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="22" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="12" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 738 B

After

Width:  |  Height:  |  Size: 703 B

6
web/documentserver-example/php-laravel/public/images/icon_docx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#287CA9"/><path d="M10 9h5v5h-5V9Z" fill="#287CA9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1.2163h1V10h1v3h-3v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path fill="#287CA9" d="M5 7h6v1H5zm0 2h6v1H5zm0 2h4v1H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 617 B

After

Width:  |  Height:  |  Size: 394 B

6
web/documentserver-example/php-laravel/public/images/icon_pdf.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M10 9h5v5h-5V9Z" fill="#E52910"/><path fill="#fff" d="M11 12h1v1h-1zM12 10h1v1h-1zM12 11h1v1h-1zM13 11h1v1h-1z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#E52910"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M7.36 5.777c0 1.085-.31 2.363-.833 3.543-.526 1.185-1.235 2.198-1.974 2.796l.803 1.109c1.992-1.342 4.198-2.262 6.333-1.954L12 9.938c-1.819-.612-3.278-2.449-3.278-4.16zm.888 2.84a6.7 6.7 0 0 0 1.161 1.35c-.668.122-1.323.32-1.957.573q.17-.322.316-.657c.183-.41.344-.836.48-1.267" fill="#E54D39"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 B

After

Width:  |  Height:  |  Size: 637 B

7
web/documentserver-example/php-laravel/public/images/icon_pptx.svg
View File

@ -1 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M5.25 9c-.13807 0-.25161-.11236-.2344-.24935.02224-.17697.0681-.35054.13664-.51602.10051-.24265.24783-.46313.43355-.64884.18571-.18572.40619-.33304.64884-.43355.16548-.06854.33905-.1144.51602-.13664C6.88764 6.99839 7 7.11193 7 7.25v1.5c0 .13807-.11193.25-.25.25h-1.5Z" fill="#ED771C"/><path d="M5.25 10c-.13807 0-.25108.1121-.23959.2497.0422.5053.21197.9932.49518 1.417.32965.4934.79818.8779 1.34636 1.1049.54818.2271 1.15138.2865 1.73332.1708.58194-.1158 1.11649-.4015 1.53603-.8211.4196-.4195.7053-.9541.8211-1.536.1157-.582.0563-1.18517-.1708-1.73335-.227-.54818-.6115-1.01671-1.10489-1.34636-.42386-.28321-.91169-.45298-1.41699-.49518C8.11213 6.99892 8 7.11193 8 7.25v2.5c0 .13807-.11193.25-.25.25h-2.5Z" fill="#F8C9A4"/><path d="M10 9h5v5h-5V9Z" fill="#ED771C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h2.7305v2H12v1h-1v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M5 10a3 3 0 1 0 3-3v3z" fill="#F36700"/>
<path d="M4.5 9A2.5 2.5 0 0 1 7 6.5V9z" fill="#F36700"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 444 B

6
web/documentserver-example/php-laravel/public/images/icon_xlsx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 7h3v1H9V7ZM8 9H5v1h3V9Zm0 2H5v1h3v-1Zm0-4H5v1h3V7Z" fill="#3AA133"/><path d="M10 9h5v5h-5V9Z" fill="#3AA133"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1h-1v-1Zm2 1h-1v1h-1v1h1v-1h1v1h1v-1h-1v-1Zm0 0v-1h1v1h-1Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.207V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.793z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v1.9c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437c.214.109.494.109 1.054.109H13" stroke="#BBB"/>
<path fill="#3AA133" d="M8 7h3v2H8zm0 3h3v2H8zM5 7h2v2H5zm0 3h2v2H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 665 B

After

Width:  |  Height:  |  Size: 408 B

8
web/documentserver-example/php/assets/images/file_docx.svg
View File

@ -1 +1,7 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#287CA9"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="22" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="11" height="1.5" rx=".75" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#287CA9"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="10" height="2" rx="1" fill="#fff"/>
<rect x="7" y="22" width="16" height="2" rx="1" fill="#fff"/>
<rect x="7" y="16" width="16" height="2" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 527 B

After

Width:  |  Height:  |  Size: 503 B

9
web/documentserver-example/php/assets/images/file_pdf.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#E54D39"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v6c0 .3624.25709.6648.59885.7348.04882.01.09937.0152.15115.0152h6.5c.4142 0 .75-.3358.75-.75v-6c0-.4142-.3358-.75-.75-.75h-6.5Zm5.75 1.5h-5V22h5v-4.5Z" fill="#fff"/><rect x="18" y="22" width="6" height="1.5" rx=".75" fill="#fff"/><rect x="18" y="16" width="6" height="1.5" rx=".75" fill="#fff"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#E54D39"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="16" height="2" rx="1" fill="#fff"/>
<rect x="18" y="22" width="5" height="2" rx="1" fill="#fff"/>
<rect x="18" y="16" width="5" height="2" rx="1" fill="#fff"/>
<rect x="8" y="17" width="6" height="6" rx=".833" stroke="#fff" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 775 B

After

Width:  |  Height:  |  Size: 590 B

9
web/documentserver-example/php/assets/images/file_pptx.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#F36700"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="7.5" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 7.5 16)" fill="#fff"/><rect x="24" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 24 16)" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#F36700"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 658 B

After

Width:  |  Height:  |  Size: 570 B

6
web/documentserver-example/php/assets/images/file_upload.svg
View File

@ -1 +1,5 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3Z" fill="#D0D5DA"/><path d="m23 0 7 7h-4c-1.6569 0-3-1.34315-3-3V0Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 23c-.27614 0-.5.2239-.5.5v4c0 .2761.22386.5.5.5h15c.2761 0 .5-.2239.5-.5v-4c0-.2761-.2239-.5-.5-.5h-2c-.2761 0-.5-.2239-.5-.5s.2239-.5.5-.5h2c.8284 0 1.5.6716 1.5 1.5v4c0 .8284-.6716 1.5-1.5 1.5h-15c-.82843 0-1.5-.6716-1.5-1.5v-4c0-.8284.67157-1.5 1.5-1.5h2c.27614 0 .5.2239.5.5s-.22386.5-.5.5h-2Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.0001 15 14l-5 6.0001h3v4c0 .5522.4477 1 1 1h2c.5523 0 1-.4478 1-1v-4h3Z" fill="#646464"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#D1D5DA"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5zm-5.293 14.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 1 0 1.414 1.414L14 17.414V25a1 1 0 1 0 2 0v-7.586l2.293 2.293a1 1 0 0 0 1.414-1.414z" fill="#646464"/>
<path d="M8.833 22H11a1 1 0 1 1 0 2H9v4h12v-4h-2a1 1 0 1 1 0-2h2.167c1.012 0 1.833.82 1.833 1.833v4.334C23 29.179 22.18 30 21.167 30H8.833A1.833 1.833 0 0 1 7 28.167v-4.334C7 22.821 7.82 22 8.833 22" fill="#646464"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 797 B

After

Width:  |  Height:  |  Size: 638 B

11
web/documentserver-example/php/assets/images/file_xlsx.svg
View File

@ -1 +1,10 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#3AA133"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v11.5c0 .0877.01504.1718.04268.25-.02764.0782-.04268.1623-.04268.25 0 .4142.33579.75.75.75h16.5c.4142 0 .75-.3358.75-.75 0-.0877-.015-.1718-.0427-.25.0277-.0782.0427-.1623.0427-.25v-11.5c0-.4142-.3358-.75-.75-.75H6.75Zm5.75 1.5h-5V22h5v-4.5ZM14 22v-4.5h8.5V22H14Zm-1.5 1.5h-5V28h5v-4.5ZM14 28v-4.5h8.5V28H14Z" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#3AA133"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="22" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="12" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 738 B

After

Width:  |  Height:  |  Size: 703 B

6
web/documentserver-example/php/assets/images/icon_docx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#287CA9"/><path d="M10 9h5v5h-5V9Z" fill="#287CA9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1.2163h1V10h1v3h-3v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path fill="#287CA9" d="M5 7h6v1H5zm0 2h6v1H5zm0 2h4v1H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 617 B

After

Width:  |  Height:  |  Size: 394 B

6
web/documentserver-example/php/assets/images/icon_pdf.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M10 9h5v5h-5V9Z" fill="#E52910"/><path fill="#fff" d="M11 12h1v1h-1zM12 10h1v1h-1zM12 11h1v1h-1zM13 11h1v1h-1z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#E52910"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M7.36 5.777c0 1.085-.31 2.363-.833 3.543-.526 1.185-1.235 2.198-1.974 2.796l.803 1.109c1.992-1.342 4.198-2.262 6.333-1.954L12 9.938c-1.819-.612-3.278-2.449-3.278-4.16zm.888 2.84a6.7 6.7 0 0 0 1.161 1.35c-.668.122-1.323.32-1.957.573q.17-.322.316-.657c.183-.41.344-.836.48-1.267" fill="#E54D39"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 B

After

Width:  |  Height:  |  Size: 637 B

7
web/documentserver-example/php/assets/images/icon_pptx.svg
View File

@ -1 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M5.25 9c-.13807 0-.25161-.11236-.2344-.24935.02224-.17697.0681-.35054.13664-.51602.10051-.24265.24783-.46313.43355-.64884.18571-.18572.40619-.33304.64884-.43355.16548-.06854.33905-.1144.51602-.13664C6.88764 6.99839 7 7.11193 7 7.25v1.5c0 .13807-.11193.25-.25.25h-1.5Z" fill="#ED771C"/><path d="M5.25 10c-.13807 0-.25108.1121-.23959.2497.0422.5053.21197.9932.49518 1.417.32965.4934.79818.8779 1.34636 1.1049.54818.2271 1.15138.2865 1.73332.1708.58194-.1158 1.11649-.4015 1.53603-.8211.4196-.4195.7053-.9541.8211-1.536.1157-.582.0563-1.18517-.1708-1.73335-.227-.54818-.6115-1.01671-1.10489-1.34636-.42386-.28321-.91169-.45298-1.41699-.49518C8.11213 6.99892 8 7.11193 8 7.25v2.5c0 .13807-.11193.25-.25.25h-2.5Z" fill="#F8C9A4"/><path d="M10 9h5v5h-5V9Z" fill="#ED771C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h2.7305v2H12v1h-1v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M5 10a3 3 0 1 0 3-3v3z" fill="#F36700"/>
<path d="M4.5 9A2.5 2.5 0 0 1 7 6.5V9z" fill="#F36700"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 444 B

6
web/documentserver-example/php/assets/images/icon_xlsx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 7h3v1H9V7ZM8 9H5v1h3V9Zm0 2H5v1h3v-1Zm0-4H5v1h3V7Z" fill="#3AA133"/><path d="M10 9h5v5h-5V9Z" fill="#3AA133"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1h-1v-1Zm2 1h-1v1h-1v1h1v-1h1v1h1v-1h-1v-1Zm0 0v-1h1v1h-1Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.207V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.793z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v1.9c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437c.214.109.494.109 1.054.109H13" stroke="#BBB"/>
<path fill="#3AA133" d="M8 7h3v2H8zm0 3h3v2H8zM5 7h2v2H5zm0 3h2v2H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 665 B

After

Width:  |  Height:  |  Size: 408 B

8
web/documentserver-example/python/static/images/file_docx.svg
View File

@ -1 +1,7 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#287CA9"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="22" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="11" height="1.5" rx=".75" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#287CA9"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="10" height="2" rx="1" fill="#fff"/>
<rect x="7" y="22" width="16" height="2" rx="1" fill="#fff"/>
<rect x="7" y="16" width="16" height="2" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 527 B

After

Width:  |  Height:  |  Size: 503 B

9
web/documentserver-example/python/static/images/file_pdf.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#E54D39"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v6c0 .3624.25709.6648.59885.7348.04882.01.09937.0152.15115.0152h6.5c.4142 0 .75-.3358.75-.75v-6c0-.4142-.3358-.75-.75-.75h-6.5Zm5.75 1.5h-5V22h5v-4.5Z" fill="#fff"/><rect x="18" y="22" width="6" height="1.5" rx=".75" fill="#fff"/><rect x="18" y="16" width="6" height="1.5" rx=".75" fill="#fff"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#E54D39"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="16" height="2" rx="1" fill="#fff"/>
<rect x="18" y="22" width="5" height="2" rx="1" fill="#fff"/>
<rect x="18" y="16" width="5" height="2" rx="1" fill="#fff"/>
<rect x="8" y="17" width="6" height="6" rx=".833" stroke="#fff" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 775 B

After

Width:  |  Height:  |  Size: 590 B

9
web/documentserver-example/python/static/images/file_pptx.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#F36700"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="7.5" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 7.5 16)" fill="#fff"/><rect x="24" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 24 16)" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#F36700"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 658 B

After

Width:  |  Height:  |  Size: 570 B

6
web/documentserver-example/python/static/images/file_upload.svg
View File

@ -1 +1,5 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3Z" fill="#D0D5DA"/><path d="m23 0 7 7h-4c-1.6569 0-3-1.34315-3-3V0Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 23c-.27614 0-.5.2239-.5.5v4c0 .2761.22386.5.5.5h15c.2761 0 .5-.2239.5-.5v-4c0-.2761-.2239-.5-.5-.5h-2c-.2761 0-.5-.2239-.5-.5s.2239-.5.5-.5h2c.8284 0 1.5.6716 1.5 1.5v4c0 .8284-.6716 1.5-1.5 1.5h-15c-.82843 0-1.5-.6716-1.5-1.5v-4c0-.8284.67157-1.5 1.5-1.5h2c.27614 0 .5.2239.5.5s-.22386.5-.5.5h-2Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.0001 15 14l-5 6.0001h3v4c0 .5522.4477 1 1 1h2c.5523 0 1-.4478 1-1v-4h3Z" fill="#646464"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#D1D5DA"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5zm-5.293 14.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 1 0 1.414 1.414L14 17.414V25a1 1 0 1 0 2 0v-7.586l2.293 2.293a1 1 0 0 0 1.414-1.414z" fill="#646464"/>
<path d="M8.833 22H11a1 1 0 1 1 0 2H9v4h12v-4h-2a1 1 0 1 1 0-2h2.167c1.012 0 1.833.82 1.833 1.833v4.334C23 29.179 22.18 30 21.167 30H8.833A1.833 1.833 0 0 1 7 28.167v-4.334C7 22.821 7.82 22 8.833 22" fill="#646464"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 797 B

After

Width:  |  Height:  |  Size: 638 B

11
web/documentserver-example/python/static/images/file_xlsx.svg
View File

@ -1 +1,10 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#3AA133"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v11.5c0 .0877.01504.1718.04268.25-.02764.0782-.04268.1623-.04268.25 0 .4142.33579.75.75.75h16.5c.4142 0 .75-.3358.75-.75 0-.0877-.015-.1718-.0427-.25.0277-.0782.0427-.1623.0427-.25v-11.5c0-.4142-.3358-.75-.75-.75H6.75Zm5.75 1.5h-5V22h5v-4.5ZM14 22v-4.5h8.5V22H14Zm-1.5 1.5h-5V28h5v-4.5ZM14 28v-4.5h8.5V28H14Z" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#3AA133"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="22" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="12" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 738 B

After

Width:  |  Height:  |  Size: 703 B

6
web/documentserver-example/python/static/images/icon_docx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#287CA9"/><path d="M10 9h5v5h-5V9Z" fill="#287CA9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1.2163h1V10h1v3h-3v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path fill="#287CA9" d="M5 7h6v1H5zm0 2h6v1H5zm0 2h4v1H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 617 B

After

Width:  |  Height:  |  Size: 394 B

6
web/documentserver-example/python/static/images/icon_pdf.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M10 9h5v5h-5V9Z" fill="#E52910"/><path fill="#fff" d="M11 12h1v1h-1zM12 10h1v1h-1zM12 11h1v1h-1zM13 11h1v1h-1z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#E52910"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M7.36 5.777c0 1.085-.31 2.363-.833 3.543-.526 1.185-1.235 2.198-1.974 2.796l.803 1.109c1.992-1.342 4.198-2.262 6.333-1.954L12 9.938c-1.819-.612-3.278-2.449-3.278-4.16zm.888 2.84a6.7 6.7 0 0 0 1.161 1.35c-.668.122-1.323.32-1.957.573q.17-.322.316-.657c.183-.41.344-.836.48-1.267" fill="#E54D39"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 B

After

Width:  |  Height:  |  Size: 637 B

7
web/documentserver-example/python/static/images/icon_pptx.svg
View File

@ -1 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M5.25 9c-.13807 0-.25161-.11236-.2344-.24935.02224-.17697.0681-.35054.13664-.51602.10051-.24265.24783-.46313.43355-.64884.18571-.18572.40619-.33304.64884-.43355.16548-.06854.33905-.1144.51602-.13664C6.88764 6.99839 7 7.11193 7 7.25v1.5c0 .13807-.11193.25-.25.25h-1.5Z" fill="#ED771C"/><path d="M5.25 10c-.13807 0-.25108.1121-.23959.2497.0422.5053.21197.9932.49518 1.417.32965.4934.79818.8779 1.34636 1.1049.54818.2271 1.15138.2865 1.73332.1708.58194-.1158 1.11649-.4015 1.53603-.8211.4196-.4195.7053-.9541.8211-1.536.1157-.582.0563-1.18517-.1708-1.73335-.227-.54818-.6115-1.01671-1.10489-1.34636-.42386-.28321-.91169-.45298-1.41699-.49518C8.11213 6.99892 8 7.11193 8 7.25v2.5c0 .13807-.11193.25-.25.25h-2.5Z" fill="#F8C9A4"/><path d="M10 9h5v5h-5V9Z" fill="#ED771C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h2.7305v2H12v1h-1v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M5 10a3 3 0 1 0 3-3v3z" fill="#F36700"/>
<path d="M4.5 9A2.5 2.5 0 0 1 7 6.5V9z" fill="#F36700"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 444 B

6
web/documentserver-example/python/static/images/icon_xlsx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 7h3v1H9V7ZM8 9H5v1h3V9Zm0 2H5v1h3v-1Zm0-4H5v1h3V7Z" fill="#3AA133"/><path d="M10 9h5v5h-5V9Z" fill="#3AA133"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1h-1v-1Zm2 1h-1v1h-1v1h1v-1h1v1h1v-1h-1v-1Zm0 0v-1h1v1h-1Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.207V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.793z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v1.9c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437c.214.109.494.109 1.054.109H13" stroke="#BBB"/>
<path fill="#3AA133" d="M8 7h3v2H8zm0 3h3v2H8zM5 7h2v2H5zm0 3h2v2H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 665 B

After

Width:  |  Height:  |  Size: 408 B

8
web/documentserver-example/ruby/app/assets/images/file_docx.svg
View File

@ -1 +1,7 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#287CA9"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="22" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="11" height="1.5" rx=".75" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#287CA9"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="10" height="2" rx="1" fill="#fff"/>
<rect x="7" y="22" width="16" height="2" rx="1" fill="#fff"/>
<rect x="7" y="16" width="16" height="2" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 527 B

After

Width:  |  Height:  |  Size: 503 B

9
web/documentserver-example/ruby/app/assets/images/file_pdf.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#E54D39"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v6c0 .3624.25709.6648.59885.7348.04882.01.09937.0152.15115.0152h6.5c.4142 0 .75-.3358.75-.75v-6c0-.4142-.3358-.75-.75-.75h-6.5Zm5.75 1.5h-5V22h5v-4.5Z" fill="#fff"/><rect x="18" y="22" width="6" height="1.5" rx=".75" fill="#fff"/><rect x="18" y="16" width="6" height="1.5" rx=".75" fill="#fff"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#E54D39"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="7" y="28" width="16" height="2" rx="1" fill="#fff"/>
<rect x="18" y="22" width="5" height="2" rx="1" fill="#fff"/>
<rect x="18" y="16" width="5" height="2" rx="1" fill="#fff"/>
<rect x="8" y="17" width="6" height="6" rx=".833" stroke="#fff" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 775 B

After

Width:  |  Height:  |  Size: 590 B

9
web/documentserver-example/ruby/app/assets/images/file_pptx.svg
View File

@ -1 +1,8 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#F36700"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><rect x="6" y="16" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="6" y="28" width="18" height="1.5" rx=".75" fill="#fff"/><rect x="7.5" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 7.5 16)" fill="#fff"/><rect x="24" y="16" width="13.5" height="1.5" rx=".75" transform="rotate(90 24 16)" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#F36700"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 658 B

After

Width:  |  Height:  |  Size: 570 B

6
web/documentserver-example/ruby/app/assets/images/file_upload.svg
View File

@ -1 +1,5 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3Z" fill="#D0D5DA"/><path d="m23 0 7 7h-4c-1.6569 0-3-1.34315-3-3V0Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 23c-.27614 0-.5.2239-.5.5v4c0 .2761.22386.5.5.5h15c.2761 0 .5-.2239.5-.5v-4c0-.2761-.2239-.5-.5-.5h-2c-.2761 0-.5-.2239-.5-.5s.2239-.5.5-.5h2c.8284 0 1.5.6716 1.5 1.5v4c0 .8284-.6716 1.5-1.5 1.5h-15c-.82843 0-1.5-.6716-1.5-1.5v-4c0-.8284.67157-1.5 1.5-1.5h2c.27614 0 .5.2239.5.5s-.22386.5-.5.5h-2Z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.0001 15 14l-5 6.0001h3v4c0 .5522.4477 1 1 1h2c.5523 0 1-.4478 1-1v-4h3Z" fill="#646464"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#D1D5DA"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5zm-5.293 14.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 1 0 1.414 1.414L14 17.414V25a1 1 0 1 0 2 0v-7.586l2.293 2.293a1 1 0 0 0 1.414-1.414z" fill="#646464"/>
<path d="M8.833 22H11a1 1 0 1 1 0 2H9v4h12v-4h-2a1 1 0 1 1 0-2h2.167c1.012 0 1.833.82 1.833 1.833v4.334C23 29.179 22.18 30 21.167 30H8.833A1.833 1.833 0 0 1 7 28.167v-4.334C7 22.821 7.82 22 8.833 22" fill="#646464"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 797 B

After

Width:  |  Height:  |  Size: 638 B

11
web/documentserver-example/ruby/app/assets/images/file_xlsx.svg
View File

@ -1 +1,10 @@
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H21l9 9v28.5c0 1.3807-1.1193 2.5-2.5 2.5h-25C1.11929 40 0 38.8807 0 37.5v-35Z" fill="#3AA133"/><path d="m21 0 9 9h-7.3636C21.7326 9 21 8.26737 21 7.36364V0Z" fill="#000" fill-opacity=".25"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 16c-.41421 0-.75.3358-.75.75v11.5c0 .0877.01504.1718.04268.25-.02764.0782-.04268.1623-.04268.25 0 .4142.33579.75.75.75h16.5c.4142 0 .75-.3358.75-.75 0-.0877-.015-.1718-.0427-.25.0277-.0782.0427-.1623.0427-.25v-11.5c0-.4142-.3358-.75-.75-.75H6.75Zm5.75 1.5h-5V22h5v-4.5ZM14 22v-4.5h8.5V22H14Zm-1.5 1.5h-5V28h5v-4.5ZM14 28v-4.5h8.5V28H14Z" fill="#fff"/></svg>
<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#3AA133"/>
<path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
<rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="22" width="18" height="2" rx="1" fill="#fff"/>
<rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="12" y="16" width="2" height="14" rx="1" fill="#fff"/>
<rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 738 B

After

Width:  |  Height:  |  Size: 703 B

6
web/documentserver-example/ruby/app/assets/images/icon_docx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#287CA9"/><path d="M10 9h5v5h-5V9Z" fill="#287CA9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1.2163h1V10h1v3h-3v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path fill="#287CA9" d="M5 7h6v1H5zm0 2h6v1H5zm0 2h4v1H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 617 B

After

Width:  |  Height:  |  Size: 394 B

6
web/documentserver-example/ruby/app/assets/images/icon_pdf.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M10 9h5v5h-5V9Z" fill="#E52910"/><path fill="#fff" d="M11 12h1v1h-1zM12 10h1v1h-1zM12 11h1v1h-1zM13 11h1v1h-1z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7H5v1h6V7ZM5 9h4v1H5V9Zm0 2h4v1H5v-1Z" fill="#E52910"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M7.36 5.777c0 1.085-.31 2.363-.833 3.543-.526 1.185-1.235 2.198-1.974 2.796l.803 1.109c1.992-1.342 4.198-2.262 6.333-1.954L12 9.938c-1.819-.612-3.278-2.449-3.278-4.16zm.888 2.84a6.7 6.7 0 0 0 1.161 1.35c-.668.122-1.323.32-1.957.573q.17-.322.316-.657c.183-.41.344-.836.48-1.267" fill="#E54D39"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 B

After

Width:  |  Height:  |  Size: 637 B

7
web/documentserver-example/ruby/app/assets/images/icon_pptx.svg
View File

@ -1 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path d="M5.25 9c-.13807 0-.25161-.11236-.2344-.24935.02224-.17697.0681-.35054.13664-.51602.10051-.24265.24783-.46313.43355-.64884.18571-.18572.40619-.33304.64884-.43355.16548-.06854.33905-.1144.51602-.13664C6.88764 6.99839 7 7.11193 7 7.25v1.5c0 .13807-.11193.25-.25.25h-1.5Z" fill="#ED771C"/><path d="M5.25 10c-.13807 0-.25108.1121-.23959.2497.0422.5053.21197.9932.49518 1.417.32965.4934.79818.8779 1.34636 1.1049.54818.2271 1.15138.2865 1.73332.1708.58194-.1158 1.11649-.4015 1.53603-.8211.4196-.4195.7053-.9541.8211-1.536.1157-.582.0563-1.18517-.1708-1.73335-.227-.54818-.6115-1.01671-1.10489-1.34636-.42386-.28321-.91169-.45298-1.41699-.49518C8.11213 6.99892 8 7.11193 8 7.25v2.5c0 .13807-.11193.25-.25.25h-2.5Z" fill="#F8C9A4"/><path d="M10 9h5v5h-5V9Z" fill="#ED771C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h2.7305v2H12v1h-1v-3Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
<path d="M5 10a3 3 0 1 0 3-3v3z" fill="#F36700"/>
<path d="M4.5 9A2.5 2.5 0 0 1 7 6.5V9z" fill="#F36700"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 444 B

6
web/documentserver-example/ruby/app/assets/images/icon_xlsx.svg
View File

@ -1 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1c0-.276142.22386-.5.5-.5h7.2929L13.5 3.70711V15c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5V1Z" fill="#fff" stroke="#BBB"/><path d="M9.5 1v2.7c0 .28003 0 .42004.0545.527.04793.09408.12442.17057.2185.2185.10696.0545.247.0545.527.0545H13" stroke="#BBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 7h3v1H9V7ZM8 9H5v1h3V9Zm0 2H5v1h3v-1Zm0-4H5v1h3V7Z" fill="#3AA133"/><path d="M10 9h5v5h-5V9Z" fill="#3AA133"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10h1v1h-1v-1Zm2 1h-1v1h-1v1h1v-1h1v1h1v-1h-1v-1Zm0 0v-1h1v1h-1Z" fill="#fff"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 3.207V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.793z" fill="#fff" stroke="#BBB"/>
<path d="M9.5 1v1.9c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437c.214.109.494.109 1.054.109H13" stroke="#BBB"/>
<path fill="#3AA133" d="M8 7h3v2H8zm0 3h3v2H8zM5 7h2v2H5zm0 3h2v2H5z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 665 B

After

Width:  |  Height:  |  Size: 408 B