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

style: adjust spacing between elements (#62)

Browse Source
This commit is contained in:
Hakadao
2023-10-30 00:09:50 +08:00
parent 8bdaec9c78
commit 25065870fa
6 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -252,6 +252,6 @@ function getPopularAnimeList() {
<style lang="scss" scoped>
.anime-section {
--at-apply: mb-8 mt-14 first:mt-4;
--at-apply: mb-8 mt-14 first:mt-0;
}
</style>

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

@@ -172,7 +172,7 @@ function handleUnfavorite(favoriteResource: FavoriteResource) {
<Loading v-if="isFullPageLoading" w-full h-full pos="absolute top-0 left-0" mt--50px />
</Transition>
<!-- favorite list -->
<div grid="~ 2xl:cols-4 xl:cols-3 lg:cols-2 md:cols-1 gap-4" m="t-55px b-6">
<div grid="~ 2xl:cols-4 xl:cols-3 lg:cols-2 md:cols-1 gap-5" m="t-55px b-6">
<TransitionGroup name="list">
<VideoCard
v-for="item in favoriteResources" :id="item.id" :key="item.id"

4
src/contentScripts/views/Home/Home.vue
View File

@@ -101,7 +101,7 @@ onUnmounted(() => {
justify-center
items-center relative
w-full z-10
h-500px mb-8
h-500px
>
<Logo
v-if="settings.searchPageShowLogo" :size="180" :color="settings.searchPageLogoColor === 'white' ? 'white' : 'var(--bew-theme-color)'"
@@ -116,7 +116,7 @@ onUnmounted(() => {
</div>
</Transition>
<header pos="sticky top-80px" z-10 mb-4>
<header pos="sticky top-80px" z-10 mb-9>
<ul flex="~ items-center gap-2">
<li
v-for="tab in tabs" :key="tab.value"

2
src/contentScripts/views/Home/components/Following.vue
View File

@@ -91,7 +91,7 @@ function jumpToLoginPage() {
v-else
ref="containerRef"
m="b-0 t-0" relative w-full h-full
grid="~ 2xl:cols-5 xl:cols-4 lg:cols-3 md:cols-2 gap-4"
grid="~ 2xl:cols-5 xl:cols-4 lg:cols-3 md:cols-2 gap-5"
>
<VideoCard
v-for="video in videoList"

2
src/contentScripts/views/Home/components/ForYou.vue
View File

@@ -152,7 +152,7 @@ function jumpToLoginPage() {
v-else
ref="containerRef"
m="b-0 t-0" relative w-full h-full
grid="~ 2xl:cols-5 xl:cols-4 lg:cols-3 md:cols-2 gap-4"
grid="~ 2xl:cols-5 xl:cols-4 lg:cols-3 md:cols-2 gap-5"
>
<template v-if="settings.recommendationMode === 'web'">
<VideoCard

4
src/contentScripts/views/Home/components/Ranking.vue
View File

@@ -85,7 +85,9 @@ function getRankingPgc() {
<template>
<div flex="~ gap-40px">
<aside pos="sticky top-140px" h="[calc(100vh-120px)]" w-200px shrink-0>
<aside
pos="sticky top-150px" h="[calc(100vh-140px)]" w-200px shrink-0
>
<OverlayScrollbarsComponent h-inherit p-20px m--20px defer>
<ul flex="~ col gap-2">
<li v-for="rankingType in rankingTypes" :key="rankingType.id">