scinote-web/app/javascript/vue/experiments/renderers/name.vue
2023-12-07 12:53:21 +01:00

19 lines
486 B
Vue

<template>
<div class="relative leading-5 h-full flex items-center gap-2 truncate">
<div class="h-10 w-10 p-0.5 bg-sn-light-grey rounded-sm shrink-0">
<img :src="params.data.workflow_img" class="max-h-9 max-w-[36px]">
</div>
<a :href="params.data.urls.show" class="hover:no-underline truncate">{{ params.data.name }}</a>
</div>
</template>
<script>
export default {
name: 'NameRenderer',
props: {
params: {
required: true,
},
},
};
</script>