Something went wrong. Try again.
A simple to-do app focused on tasks that can be completed within a specific time span. taskline.tobinio.dev
Something went wrong. Try again.
601 B · 20 lines
Vue
at main
123456789101112131415161718192021<script setup lang="ts"> defineProps<{ done: number; from: number }>();</script>
<template> <div class="flex border rounded border-secondary pl-0.5 text-xs overflow-clip " > <div class="grid grid-cols-2 gap-2 bg-[linear-gradient(110deg,transparent_50%,var(--color-secondary)_50%)]" > <div class="text-center"> {{ done }} </div> <div class="text-center"> {{ from }} </div> </div> <div class="bg-secondary w-1" /> <div class="flex items-center justify-center aspect-square bg-secondary"> <Icon name="material-symbols:check-rounded" size="14" /> </div> </div></template>