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

Extract .actions to Table

Browse source
This commit is contained in:
Marley 2023-07-13 17:03:49 -07:00
parent 6184061e46
commit 373f913367
4 changed files with 15 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/components/Table/TableTd.vue
View file

@ -11,7 +11,7 @@ td {
@apply py-5 px-3 whitespace-nowrap; @apply py-5 px-3 whitespace-nowrap;
@apply first-of-type:ps-0; @apply first-of-type:ps-0;
@apply last-of-type:pe-0 last-of-type:text-end; @apply last-of-type:pe-0;
div { div {
@apply mt-1; @apply mt-1;
@ -19,10 +19,4 @@ 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>

6
frontend/components/Table/TableTh.vue
View file

@ -14,10 +14,4 @@ th {
@apply first-of-type:ps-0; @apply first-of-type:ps-0;
@apply last-of-type:ps-3.5 last-of-type:pe-0 last-of-type:relative; @apply last-of-type:ps-3.5 last-of-type:pe-0 last-of-type:relative;
} }
.actions a {
@apply me-3;
@apply last-of-type:me-0;
}
</style> </style>

12
frontend/components/Table/index.vue
View file

@ -6,8 +6,18 @@
<table><slot /></table> <table><slot /></table>
</template> </template>
<style scoped lang="postcss"> <style lang="postcss">
table { table {
@apply w-full; @apply w-full;
} }
.actions {
@apply text-end;
a {
@apply me-3;
@apply last-of-type:me-0;
}
}
</style> </style>

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

@ -24,7 +24,9 @@ const patrons = [
<TableTh>Status</TableTh> <TableTh>Status</TableTh>
<TableTh>Checked Out</TableTh> <TableTh>Checked Out</TableTh>
<TableTh>Fines</TableTh> <TableTh>Fines</TableTh>
<TableTh></TableTh> <TableTh actions>
<a href="#">Add New</a>
</TableTh>
</tr> </tr>
</TableThead> </TableThead>