Add max width to chapter.

This commit is contained in:
FireMasterK 2022-01-26 04:39:36 +00:00
parent 9a014c4052
commit dfed90c1cc
No known key found for this signature in database
GPG Key ID: 49451E4482CC5BCD

View File

@ -1,11 +1,6 @@
<template> <template>
<h2 v-t="'video.chapters'" /> <h2 v-t="'video.chapters'" />
<div <div :key="chapter.start" v-for="chapter in props.chapters" @click="$emit('seek', chapter.start)" class="chapter">
:key="chapter.start"
v-for="chapter in props.chapters"
@click="$emit('seek', chapter.start)"
class="flex items-center mb-2 cursor-pointer w-sm"
>
<img :src="chapter.image" :alt="chapter.title" class="h-12" /> <img :src="chapter.image" :alt="chapter.title" class="h-12" />
<div class="ml-1"> <div class="ml-1">
<span class="text-xl" v-text="chapter.title" /> <span class="text-xl" v-text="chapter.title" />
@ -15,6 +10,12 @@
</div> </div>
</template> </template>
<style>
.chapter {
@apply flex items-center mb-2 cursor-pointer w-sm max-w-90vw;
}
</style>
<script setup> <script setup>
import { defineProps, defineEmits } from "vue"; import { defineProps, defineEmits } from "vue";