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: rename SettingItem to SettingsItem

Browse Source 
* feat: add a new config without implementing the function...
This commit is contained in:
Hakadao
2023-10-02 02:22:22 +08:00
parent 72cd998891
commit ea6c5a3058
9 changed files with 98 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -537,7 +537,7 @@ function handleAdaptToOtherPageStylesChange() {
</div>
<Transition name="fade">
<Component :is="pages[activatedPage]" :key="dynamicComponentKey" absolute w-full />
<Component :is="pages[activatedPage]" :key="dynamicComponentKey" :style="{ position: 'absolute', width: '100%' }" />
</Transition>
</main>
</div>

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

@@ -18,27 +18,29 @@ onUnmounted(() => {
</script>
<template>
<div
v-if="settings.useSearchPageModeOnHomePage"
flex="~ col"
justify-center
items-center relative
w-full z-10
h-50vh max-h-550px
>
<Logo
v-if="settings.searchPageShowLogo" :size="180" :color="settings.searchPageLogoColor === 'white' ? 'white' : 'var(--bew-theme-color)'"
:glow="settings.searchPageLogoGlow"
m="t--70px b-12" z-1
/>
<SearchBar
:darken-on-focus="settings.searchPageDarkenOnSearchFocus"
:blurred-on-focus="settings.searchPageBlurredOnSearchFocus"
:focused-character="settings.searchPageSearchBarFocusCharacter"
/>
</div>
<div>
<div
v-if="settings.useSearchPageModeOnHomePage"
flex="~ col"
justify-center
items-center relative
w-full z-10
h-50vh max-h-550px
>
<Logo
v-if="settings.searchPageShowLogo" :size="180" :color="settings.searchPageLogoColor === 'white' ? 'white' : 'var(--bew-theme-color)'"
:glow="settings.searchPageLogoGlow"
m="t--70px b-12" z-1
/>
<SearchBar
:darken-on-focus="settings.searchPageDarkenOnSearchFocus"
:blurred-on-focus="settings.searchPageBlurredOnSearchFocus"
:focused-character="settings.searchPageSearchBarFocusCharacter"
/>
</div>
<RecommendContent :key="recommendContentKey" />
<RecommendContent :key="recommendContentKey" />
</div>
</template>
<style scoped lang="scss"></style>