Added Notifications
This commit is contained in:
@@ -0,0 +1,30 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user