mirror of
https://github.com/Drop-OSS/drop.git
synced 2025-11-09 20:12:10 +10:00
6d89b7e510
* feat: revise library source names & update droplet * feat: add internal name hint to library sources * feat: update library source table with new name + icons * fix: admin invitation localisation issue * feat: #164 * feat: overhaul task UIs, #163 * fix: remove debug task * fix: lint
26 lines
800 B
Vue
26 lines
800 B
Vue
<template>
|
|
<svg
|
|
aria-label="Drop Logo"
|
|
class="text-blue-400"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M4 13.5C4 11.0008 5.38798 8.76189 7.00766 7C8.43926 5.44272 10.0519 4.25811 11.0471 3.5959C11.6287 3.20893 12.3713 3.20893 12.9529 3.5959C13.9481 4.25811 15.5607 5.44272 16.9923 7C18.612 8.76189 20 11.0008 20 13.5C20 17.9183 16.4183 21.5 12 21.5C7.58172 21.5 4 17.9183 4 13.5Z"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-dasharray="100"
|
|
:stroke-dashoffset="dashArray"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const props = defineProps<{ progress?: number }>();
|
|
|
|
const dashArray = computed(() =>
|
|
props.progress === undefined ? 0 : ((100 - props.progress) / 100) * 50 + 50,
|
|
);
|
|
</script>
|