mirror of
https://github.com/elk-zone/elk
synced 2024-11-23 22:56:09 +09:00
13 lines
360 B
Vue
13 lines
360 B
Vue
<script setup lang="ts">
|
|
defineProps<{
|
|
max: number
|
|
length: number
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div dir="ltr" pointer-events-none pe-1 pt-2 text-sm tabular-nums text-secondary flex gap="0.5" :class="{ 'text-rose-500': length > max }">
|
|
{{ length ?? 0 }}<span text-secondary-light>/</span><span text-secondary-light>{{ max }}</span>
|
|
</div>
|
|
</template>
|