diff --git a/package.json b/package.json
index 04fc7ee..e2a440c 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,6 @@
"main": "background.js",
"dependencies": {
"axios": "^0.21.0",
- "bootstrap-vue": "^2.19.0",
"cheerio": "^1.0.0-rc.3",
"core-js": "^3.7.0",
"cors": "^2.8.5",
diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index a651996..d59c2f8 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -146,6 +146,23 @@
cursor: pointer;
}
}
+ .el-autocomplete{
+ .el-input-group__prepend{
+ border: none;
+ .el-select{
+ width: 100px;
+ .el-input, .el-input__inner{
+ width: 100%;
+ }
+ }
+ }
+ .el-input .el-input__inner{
+ width: 200px;
+ }
+ .el-input-group__append{
+ border: none;
+ }
+ }
.is-loading:before {
background-color: none !important;
}
@@ -155,15 +172,6 @@
}
.el-select-dropdown__item{
font-size: 1rem;
- border: none;
- }
- .zy-autocomplete {
- font-size: 1rem;;
- border: none;
- li {
- font-size: 1rem;
- border: none;
- }
}
}
.listpage-body{
diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss
index 799761c..eb8363e 100644
--- a/src/assets/scss/theme/dark.scss
+++ b/src/assets/scss/theme/dark.scss
@@ -336,21 +336,10 @@
border: none;
background-color: var(--d-bgc-1);
}
- .el-select-dropdown__item.hover, .el-select-dropdown__item.selected{
+ .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{
color: var(--d-fc-1);
background-color: var(--d-bgc-2);
- }
- .zy-autocomplete {
- color: var(--d-fc-1);
- background-color: var(--d-bgc-1);
box-shadow: var(--d-bsc);
- li {
- color: var(--d-fc-1);
- background-color: var(--d-bgc-1);
- &:hover{
- background-color: var(--d-bgc-2);
- }
- }
}
}
.listpage-body{
diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss
index 143da14..10bcd29 100644
--- a/src/assets/scss/theme/green.scss
+++ b/src/assets/scss/theme/green.scss
@@ -335,23 +335,11 @@
border: none;
background-color: var(--g-bgc-1);
}
- .el-select-dropdown__item.hover, .el-select-dropdown__item.selected{
+ .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{
color: var(--g-fc-1);
background-color: var(--g-bgc-2);
box-shadow: var(--g-bsc);
}
- .zy-autocomplete {
- color: var(--g-fc-1);
- background-color: var(--g-bgc-1);
- box-shadow: var(--g-bsc);
- li {
- color: var(--g-fc-1);
- background-color: var(--g-bgc-1);
- &:hover{
- background-color: var(--g-bgc-2);
- }
- }
- }
}
.listpage-body{
color: var(--g-fc-1);
diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss
index 81a0879..de80cd5 100644
--- a/src/assets/scss/theme/light.scss
+++ b/src/assets/scss/theme/light.scss
@@ -334,23 +334,11 @@
border: none;
background-color: var(--l-bgc-1);
}
- .el-select-dropdown__item.hover, .el-select-dropdown__item.selected{
+ .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{
color: var(--l-fc-1);
background-color: var(--l-bgc-2);
box-shadow: var(--l-bsc);
}
- .zy-autocomplete {
- color: var(--l-fc-1);
- background-color: var(--l-bgc-1);
- box-shadow: var(--l-bsc);
- li {
- color: var(--l-fc-1);
- background-color: var(--l-bgc-1);
- &:hover{
- background-color: var(--l-bgc-2);
- }
- }
- }
}
.listpage-body{
color: var(--l-fc-1);
diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss
index 86c8faf..a144375 100644
--- a/src/assets/scss/theme/pink.scss
+++ b/src/assets/scss/theme/pink.scss
@@ -333,23 +333,11 @@
border: none;
background-color: var(--p-bgc-1);
}
- .el-select-dropdown__item.hover, .el-select-dropdown__item.selected{
+ .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{
color: var(--p-fc-1);
background-color: var(--p-bgc-2);
box-shadow: var(--p-bsc);
}
- .zy-autocomplete {
- color: var(--g-fc-1);
- background-color: var(--g-bgc-1);
- box-shadow: var(--g-bsc);
- li {
- color: var(--g-fc-1);
- background-color: var(--g-bgc-1);
- &:hover{
- background-color: var(--g-bgc-2);
- }
- }
- }
}
.listpage-body{
color: var(--p-fc-1);
diff --git a/src/components/Film.vue b/src/components/Film.vue
index fa6b963..690d349 100644
--- a/src/components/Film.vue
+++ b/src/components/Film.vue
@@ -17,12 +17,17 @@
:value="item.name">
-