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

refactor: refactor button attribute implementation

Browse Source
This commit is contained in:
Hakadao
2023-10-12 11:44:15 +08:00
parent 046320252c
commit f6e0efebce
4 changed files with 44 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/contentScripts/views/Favorites/Favorites.vue
View File

@@ -253,7 +253,7 @@ function handleUnfavorite(favoriteResource: FavoriteResource) {
</h3>
<p flex="~ col" gap-4>
<Button
color="rgba(255,255,255,.35)" text-color="white" strong flex-1
color="rgba(255,255,255,.35)" block text-color="white" strong flex-1
@click="handlePlayAll"
>
<template #left>

8
src/contentScripts/views/History/History.vue
View File

@@ -486,7 +486,8 @@ function jumpToLoginPage() {
v-model.lazy.trim="keyword"
type="text"
:placeholder="t('history.search_watch_history')"
p="x-14px y-10px"
p="x-14px"
lh-35px h-35px
rounded="$bew-radius"
bg="$bew-content-solid-1"
shadow="$bew-shadow-1"
@@ -494,7 +495,7 @@ function jumpToLoginPage() {
w-full
@keyup.enter="handleSearch"
>
<Button shadow="$bew-shadow-1" @click="handleClearAllWatchHistory">
<Button shadow="$bew-shadow-1" block @click="handleClearAllWatchHistory">
<template #left>
<tabler:trash />
</template>
@@ -503,6 +504,7 @@ function jumpToLoginPage() {
<Button
v-if="!historyStatus"
shadow="$bew-shadow-1"
block
@click="handlePauseWatchHistory"
>
<template #left>
@@ -510,7 +512,7 @@ function jumpToLoginPage() {
</template>
{{ $t('history.pause_watch_history') }}
</Button>
<Button v-else shadow="$bew-shadow-1" @click="handleTurnOnWatchHistory">
<Button v-else shadow="$bew-shadow-1" block @click="handleTurnOnWatchHistory">
<template #left>
<ph:play-circle-bold />
</template>

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

@@ -296,7 +296,7 @@ function jumpToLoginPage() {
</h3>
<p v-if="watchLaterList.length > 0" flex="~ col" gap-4>
<Button
color="rgba(255,255,255,.35)" text-color="white" strong flex-1
color="rgba(255,255,255,.35)" block text-color="white" strong flex-1
@click="handlePlayAll"
>
<template #left>
@@ -305,7 +305,7 @@ function jumpToLoginPage() {
{{ t('watch_later.play_all') }}
</Button>
<Button
color="rgba(255,255,255,.35)" text-color="white" strong flex-1
color="rgba(255,255,255,.35)" block text-color="white" strong flex-1
@click="handleClearAllWatchLater"
>
<template #left>
@@ -314,7 +314,7 @@ function jumpToLoginPage() {
{{ t('watch_later.clear_all') }}
</Button>
<Button
color="rgba(255,255,255,.35)" text-color="white" strong flex-1
color="rgba(255,255,255,.35)" block text-color="white" strong flex-1
@click="handleRemoveWatchedVideos"
>
<template #left>