library/frontend/components/Table/TableTd.vue

<script setup lang="ts">
defineProps<{actions?: boolean}>()
</script>

<template>
  <td :class="{actions: actions}"><slot /></td>
</template>

<style lang="postcss">
td {
  @apply py-5 px-3 whitespace-nowrap;

  @apply first-of-type:ps-0;
  @apply last-of-type:pe-0 last-of-type:text-end;

  div {
    @apply mt-1;

    @apply first-of-type:mt-0;
  }
}

.actions a {
  @apply me-3;

  @apply last-of-type:me-0;
}
</style>