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

feat: 优化 SlideView 组件样式，调整圆角和阴影效果

Browse Source
This commit is contained in:
jxxghp
2025-04-11 07:09:50 +08:00
parent c86f32fab5
commit 87aa4e902c
1 changed files with 2 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/slide/SlideView.vue
View File

@@ -205,13 +205,11 @@ onActivated(() => {
font-weight: 500;
text-decoration: none;
transition: all 0.25s ease;
box-shadow: none;
&:hover {
background-color: rgba(var(--v-theme-primary), 0.08);
border-color: rgba(var(--v-theme-primary), 0.5);
transform: translateY(-1px);
box-shadow: 0 3px 8px rgba(var(--v-theme-primary), 0.1);
.arrow-svg {
transform: translateX(3px);
@@ -240,12 +238,11 @@ onActivated(() => {
transform: translateY(-50%);
width: 36px;
height: 36px;
border-radius: 10px;
border-radius: 50%;
background-color: rgba(var(--v-theme-background), 0.8);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
padding: 0;
display: flex;
align-items: center;
@@ -270,8 +267,6 @@ onActivated(() => {
&:hover {
background-color: rgba(var(--v-theme-background), 0.95);
transform: translateY(-50%) scale(1.05);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
border-color: rgba(var(--v-theme-on-surface), 0.15);
color: rgb(var(--v-theme-primary));
svg {