renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: updater watch later page

Browse Source
This commit is contained in:
Hakadao
2023-05-31 02:19:43 +08:00
parent b2b660cd64
commit e9cf9b0723
1 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/contentScripts/views/WatchLater/WatchLater.vue
View File

@@ -241,27 +241,38 @@ function jumpToLoginPage() {
<aside relative w="full md:40% lg:30% xl:25%" order="1 md:2 lg:2">
<div
pos="sticky top-120px" flex="~ col gap-4" justify-start my-10 w-full h="[calc(100vh-160px)]" p-6
rounded="$bew-radius" overflow-hidden
rounded="$bew-radius" overflow-hidden bg="$bew-fill-1"
>
<img
v-if="watchLaterList[0]" :src="removeHttpFromUrl(`${watchLaterList[0].pic}@480w_270h_1c`)"
rounded="$bew-radius"
<picture
rounded="$bew-radius" style="box-shadow: 0 16px 24px -12px rgba(0, 0, 0, .3)"
aspect-video mb-4 bg="$bew-fill-2"
>
<img
v-if="watchLaterList[0]" :src="removeHttpFromUrl(`${watchLaterList[0].pic}@480w_270h_1c`)"
rounded="$bew-radius"
>
</picture>
<h3 text="3xl" fw-600>
<h3 text="3xl white" fw-600 style="text-shadow: 0 0 12px rgba(0,0,0,.3)">
Watch later ({{ watchLaterList.length }}/100)
</h3>
<p flex gap-4>
<p flex="~ col" gap-4>
<Button flex-1>
<template #left>
<tabler:player-play />
</template>
Play all
</Button>
<Button flex-1>
Shuffle
<template #left>
<tabler:trash />
</template>
Clear all watch later
</Button>
</p>
<div
v-if="watchLaterList[0]"
pos="absolute top-0 left-0" w-full h-full bg-cover bg-center z--1 opacity-60
pos="absolute top-0 left-0" w-full h-full bg-cover bg-center z--1 opacity="80 dark:70"
>
<div absolute w-full h-full style="backdrop-filter: blur(60px) saturate(180%)" />
<img