punkfairie/library
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add actions flag to TableTd

Browse source
This commit is contained in:
Marley 2023-07-13 14:52:43 -07:00
parent fab3d28548
commit 989629b0b6
2 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/components/Table/Td.vue
View file

@ -1,9 +1,9 @@
<script setup lang="ts"> <script setup lang="ts">
defineProps<{actions?: boolean}>()
</script> </script>
<template> <template>
<td><slot /></td> <td :class="{actions: actions}"><slot /></td>
</template> </template>
<style lang="postcss"> <style lang="postcss">
@ -19,4 +19,10 @@ td {
@apply first-of-type:mt-0; @apply first-of-type:mt-0;
} }
} }
.actions a {
@apply me-3;
@apply last-of-type:me-0;
}
</style> </style>

8
frontend/pages/patrons/index.vue
View file

@ -51,7 +51,7 @@ const patrons = [
<div>${{ patron.fines }}</div> <div>${{ patron.fines }}</div>
</TableTd> </TableTd>
<TableTd class="actions"> <TableTd actions>
<a href="#">Check Out</a> <a href="#">Check Out</a>
<a href="#">View</a> <a href="#">View</a>
<a href="#">Edit</a> <a href="#">Edit</a>
@ -74,10 +74,4 @@ section {
.secondary-info { .secondary-info {
@apply text-black/50; @apply text-black/50;
} }
.actions a {
@apply me-3;
@apply last-of-type:me-0;
}
</style> </style>