speatzle/nfsense
1
0
Fork 0
mirror of https://github.com/speatzle/nfsense.git synced 2025-05-11 19:08:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Increase element count before ellipsis to 10

Browse source
This commit is contained in:
Samuel Lorch 2024-07-30 18:29:48 +02:00
parent b360bdf978
commit 1af5af41cc
1 changed files with 1 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
client/src/components/display/ArrayDisplay.vue
View file

@ -8,10 +8,8 @@ const props = withDefaults(defineProps<{
data: () => [], data: () => [],
component: '', component: '',
componentProp: '', componentProp: '',
ellipsis: 2, ellipsis: 10,
}); });
</script> </script>
<template> <template>
<div class="pillbar"> <div class="pillbar">
@ -22,14 +20,3 @@ const props = withDefaults(defineProps<{
<div v-if="props.data.length >= props.ellipsis" class="pill">...</div> <div v-if="props.data.length >= props.ellipsis" class="pill">...</div>
</div> </div>
</template> </template>
<style scoped>
.pillbar {
flex-direction: row;
flex-wrap: wrap;
gap: 0.25rem;
}
.pill {
border: 1px solid var(--cl-fg);
padding: 0.25rem;
}
</style>