@@ -4,45 +4,49 @@ defineProps({
44 type: String ,
55 required: true ,
66 },
7+ color: {
8+ type: String ,
9+ default: " primary"
10+ }
711})
812 </script >
913
1014<template >
1115 <NuxtLink :to =" `/address/${hash}`" @click.stop >
1216 <Flex align =" center" gap =" 6" >
1317 <template v-if =" hash .startsWith (' celestiavaloper' )" >
14- <Text size =" 13" weight =" 600" color =" primary " > celestiavaloper </Text >
18+ <Text size =" 13" weight =" 600" : color =" color " > celestiavaloper </Text >
1519
1620 <Flex align =" center" gap =" 3" >
1721 <div v-for =" dot in 3" class =" dot" />
1822 </Flex >
1923
20- <Text size =" 13" weight =" 600" color =" primary " >
24+ <Text size =" 13" weight =" 600" : color =" color " >
2125 {{ hash.slice(hash.length - 4, hash.length) }}
2226 </Text >
2327 </template >
2428 <template v-else-if =" hash .startsWith (' celestiavalcons' )" >
25- <Text size =" 13" weight =" 600" color =" primary " > celestiavalcons </Text >
29+ <Text size =" 13" weight =" 600" : color =" color " > celestiavalcons </Text >
2630
2731 <Flex align =" center" gap =" 3" >
2832 <div v-for =" dot in 3" class =" dot" />
2933 </Flex >
3034
31- <Text size =" 13" weight =" 600" color =" primary " >
35+ <Text size =" 13" weight =" 600" : color =" color " >
3236 {{ hash.slice(hash.length - 4, hash.length) }}
3337 </Text >
3438 </template >
3539 <template v-else >
36- <Text size =" 13" weight =" 600" color =" primary " > celestia </Text >
40+ <Text size =" 13" weight =" 600" : color =" color " > celestia </Text >
3741
3842 <Flex align =" center" gap =" 3" >
3943 <div v-for =" dot in 3" class =" dot" />
4044 </Flex >
4145
42- <Text size =" 13" weight =" 600" color =" primary " >
46+ <Text size =" 13" weight =" 600" : color =" color " >
4347 {{ hash.slice(hash.length - 4, hash.length) }}
4448 </Text >
4549 </template >
4650 </Flex >
4751 </NuxtLink >
48- </template >
52+ </template >
0 commit comments