31 lines
647 B
Vue
31 lines
647 B
Vue
<script setup lang="ts">
|
|
|
|
import Mono from "@/Components/FlightsGoneBy/Mono.vue";
|
|
import Distance from "@/Components/Distance.vue";
|
|
|
|
defineProps<{
|
|
label: string,
|
|
value: any
|
|
isDistance?: boolean
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<span class="pass-stat">
|
|
<Mono smallest dark uppercase largeSpacing>{{label}}</Mono>
|
|
<Mono smaller muted v-if="!isDistance">{{ value?.toString() }}</Mono>
|
|
<Mono smaller muted v-if="isDistance">
|
|
<Distance :value="parseInt(value)" />
|
|
</Mono>
|
|
</span>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.pass-stat {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 0.15rem;
|
|
}
|
|
</style>
|