traxxx-web/components/actors/actors.vue

31 lines
433 B
Vue
Raw Normal View History

<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>