library/frontend/components/Table/Td.vue
2023-07-13 14:52:43 -07:00

28 lines
422 B
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>