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

fix(Home): correct deformation of video layout switcher on small screen computers

Browse Source
This commit is contained in:
hakadao
2024-04-15 00:56:04 +08:00
parent 53260065f5
commit f75e010150
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -196,7 +196,7 @@ function toggleTabContentLoading(loading: boolean) {
<header
pos="sticky top-80px" w-full z-9 mb-9 duration-300
ease-in-out flex="~ justify-between items-center gap-4"
ease-in-out flex="~ justify-between items-start gap-4"
:class="{ hide: shouldMoveTabsUp }"
>
<ul flex="~ items-center gap-3 wrap">
@@ -204,7 +204,7 @@ function toggleTabContentLoading(loading: boolean) {
v-for="tab in currentTabs" :key="tab.page"
:class="{ 'tab-activated': activatedPage === tab.page }"
style="backdrop-filter: var(--bew-filter-glass-1)"
px-4 lh-35px bg="$bew-elevated-1 hover:$bew-elevated-1-hover" rounded="$bew-radius"
px-4 lh-35px h-35px bg="$bew-elevated-1 hover:$bew-elevated-1-hover" rounded="$bew-radius"
cursor-pointer shadow="$bew-shadow-1" box-border border="1 $bew-border-color" duration-300
flex="~ gap-2 items-center"
@click="handleChangeTab(tab)"
@@ -223,7 +223,7 @@ function toggleTabContentLoading(loading: boolean) {
<div
style="backdrop-filter: var(--bew-filter-glass-1)"
flex="~ gap-1" p-1 h-35px bg="$bew-elevated-1"
flex="~ gap-1 shrink-0" p-1 h-35px bg="$bew-elevated-1"
rounded="$bew-radius" shadow="$bew-shadow-1" box-border border="1 $bew-border-color"
>
<Icon