mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Keep settings open (#2630)
This commit is contained in:
parent
2140734028
commit
15e8986943
@ -35,7 +35,7 @@
|
||||
v-model="settingsOpened"
|
||||
class="settings-panel-popup"
|
||||
:trigger-element="$refs.settingsIcon"
|
||||
:auto-close-predicate="settingsPanalClosePredicate"
|
||||
:auto-close-predicate="settingsPanelClosePredicate"
|
||||
:fixed="true"
|
||||
>
|
||||
<SettingsPanel @close="settingsOpened = false" />
|
||||
@ -68,7 +68,7 @@ export default {
|
||||
theWorld() {
|
||||
externalApis.theWorld(0)
|
||||
},
|
||||
settingsPanalClosePredicate(data: {
|
||||
settingsPanelClosePredicate(data: {
|
||||
target: HTMLElement
|
||||
element: HTMLElement
|
||||
trigger: HTMLElement
|
||||
|
||||
@ -1,10 +1,13 @@
|
||||
<template>
|
||||
<VPopup v-model="popupOpen" class="online-registry" fixed :auto-close="false">
|
||||
<VPopup
|
||||
v-model="popupOpen"
|
||||
class="online-registry be-settings-extra-options"
|
||||
fixed
|
||||
:auto-close="false"
|
||||
>
|
||||
<div class="online-registry-header">
|
||||
<VIcon icon="mdi-web" class="online-registry-header-title-icon" />
|
||||
<div class="online-registry-header-title">
|
||||
在线仓库
|
||||
</div>
|
||||
<div class="online-registry-header-title">在线仓库</div>
|
||||
<VIcon
|
||||
icon="mdi-refresh"
|
||||
:size="22"
|
||||
@ -23,10 +26,7 @@
|
||||
<div class="online-registry-header">
|
||||
<div class="online-registry-header-search">
|
||||
<VIcon icon="search" :size="18" />
|
||||
<TextBox
|
||||
v-model="searchKeyword"
|
||||
placeholder="搜索功能"
|
||||
/>
|
||||
<TextBox v-model="searchKeyword" placeholder="搜索功能" />
|
||||
</div>
|
||||
<div class="online-registry-header-branch">
|
||||
分支:
|
||||
@ -76,7 +76,8 @@ import { DocSourceItem } from 'registry/lib/docs'
|
||||
import RegistryItem from './RegistryItem.vue'
|
||||
import { registryBranches } from './third-party'
|
||||
|
||||
const general = getGeneralSettings()
|
||||
type ExtendedSettings = ReturnType<typeof getGeneralSettings> & { registryBranch: string }
|
||||
const general = getGeneralSettings() as ExtendedSettings
|
||||
export default Vue.extend({
|
||||
components: {
|
||||
VIcon,
|
||||
@ -171,7 +172,7 @@ export default Vue.extend({
|
||||
})
|
||||
</script>
|
||||
<style lang="scss">
|
||||
@import "common";
|
||||
@import 'common';
|
||||
|
||||
.online-registry {
|
||||
top: 50%;
|
||||
@ -180,7 +181,7 @@ export default Vue.extend({
|
||||
width: 360px;
|
||||
height: 85vh;
|
||||
z-index: 100002;
|
||||
transition: .2s ease-out;
|
||||
transition: 0.2s ease-out;
|
||||
font-size: 14px;
|
||||
@include v-stretch();
|
||||
@include popup();
|
||||
@ -216,7 +217,7 @@ export default Vue.extend({
|
||||
&-close-icon {
|
||||
padding: 2px;
|
||||
cursor: pointer;
|
||||
transition: .3s ease-out;
|
||||
transition: 0.3s ease-out;
|
||||
&:hover {
|
||||
color: var(--theme-color);
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user