GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-05 23:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 修复横向滑块标题按钮点击区域

Browse Source
This commit is contained in:
jxxghp
2026-06-04 22:07:02 +08:00
parent ad75b50a0c
commit 6a06001dae
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/slide/VirtualSlideView.vue
+5
View File
@@ -286,6 +286,7 @@ watch(
<style lang="scss" scoped> <style lang="scss" scoped>
.slider-container { .slider-container {
position: relative; position: relative;
isolation: isolate;
margin-block-end: 8px; margin-block-end: 8px;
--slider-shadow-bleed-start: 28px; --slider-shadow-bleed-start: 28px;
@@ -293,6 +294,9 @@ watch(
} }
.slider-header { .slider-header {
// 阴影缓冲区会把滚动区域上移，标题层级需高于滚动区域以保留按钮点击。
position: relative;
z-index: 2;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@@ -344,6 +348,7 @@ watch(
.slider-content-wrapper { .slider-content-wrapper {
position: relative; position: relative;
z-index: 1;
inline-size: 100%; inline-size: 100%;
} }