31 lines
433 B
Vue
31 lines
433 B
Vue
|
<template>
|
||
|
|
<ul class="actors nolist">
|
||
|
|
<li
|
||
|
|
v-for="actor in actors"
|
||
|
|
:key="`actor-${actor.id}`"
|
||
|
|
class="actor"
|
||
|
|
>
|
||
|
|
<ActorTile :actor="actor" />
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import ActorTile from './tile.vue';
|
||
|
|
|
||
|
|
defineProps({
|
||
|
|
actors: {
|
||
|
|
type: Array,
|
||
|
|
default: () => [],
|
||
|
|
},
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.actors {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(auto-fill, 10rem);
|
||
|
|
gap: .5rem;
|
||
|
|
}
|
||
|
|
</style>
|