TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add max width to chapter.

Browse source
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
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/Chapters.vue
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";