Implement artist management functionality: add modal form, table display, and save logic
This commit is contained in:
1 parent
602d1a7b3c
commit
57d4b62f22
4 files changed
+197
-7
No files matched your search
@@ -4,6 +4,7 @@ export type Row = {
|
||||
class?: string
|
||||
width?: string
|
||||
type?: "image"
|
||||
imagePrefix?: string
|
||||
displayName?: string
|
||||
}
|
||||
|
||||
@@ -34,6 +35,10 @@ const { rows, data } = defineProps<TableProps>()
|
||||
<td v-for="(row, j) in rows" :key="j">
|
||||
<slot :name="row.name" :item="item" :index="i">
|
||||
<p v-if="row.type != 'image'">{{ item[row.name] }}</p>
|
||||
<nuxt-img
|
||||
v-else-if="row.type == 'image'"
|
||||
:src="`${row.imagePrefix}${item[row.name]}`"
|
||||
/>
|
||||
</slot>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -63,5 +68,10 @@ const { rows, data } = defineProps<TableProps>()
|
||||
|
||||
& thead {
|
||||
}
|
||||
|
||||
& img {
|
||||
height: 60px;
|
||||
border-radius: $border-radius-standard;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in new issue
Block a user