mirror of
https://github.com/TeamPiped/Piped.git
synced 2024-11-23 14:07:24 +00:00
Add max width to chapter.
This commit is contained in:
parent
9a014c4052
commit
dfed90c1cc
@ -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";
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user