Add icon to attaches download button

This commit is contained in:
KingOfDog 2020-08-22 13:28:27 +02:00
parent 8df79b00a0
commit 9120ad7a8d

View File

@ -23,7 +23,14 @@
<p class="attaches-block-title">{{ data.file.name }}</p> <p class="attaches-block-title">{{ data.file.name }}</p>
<p class="attaches-block-size">{{ data.file.size | byteFormatter }}</p> <p class="attaches-block-size">{{ data.file.size | byteFormatter }}</p>
</div> </div>
<a :href="data.file.url" class="attaches-block-file download-button"></a> <a :href="data.file.url" target="_blank" class="attaches-block-file-download-button">
<svg xmlns="http://www.w3.org/2000/svg" width="17pt" height="17pt" viewBox="0 0 17 17">
<path
d="M9.457 8.945V2.848A.959.959 0 0 0 8.5 1.89a.959.959 0 0 0-.957.957v6.097L4.488 5.891a.952.952 0 0 0-1.351 0 .952.952 0 0 0 0 1.351l4.687 4.688a.955.955 0 0 0 1.352 0l4.687-4.688a.952.952 0 0 0 0-1.351.952.952 0 0 0-1.351 0zM3.59 14.937h9.82a.953.953 0 0 0 .953-.957.952.952 0 0 0-.953-.953H3.59a.952.952 0 0 0-.953.953c0 .532.425.957.953.957zm0 0"
fill-rule="evenodd"
/>
</svg>
</a>
</div> </div>
</template> </template>
@ -73,4 +80,4 @@ export default {
} }
} }
}; };
</script> </script>