GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-08 01:06:41 +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
src/components/slide/SlideView.vue
+2 -7
View File
@@ -205,13 +205,11 @@ onActivated(() => {
font-weight: 500; font-weight: 500;
text-decoration: none; text-decoration: none;
transition: all 0.25s ease; transition: all 0.25s ease;
box-shadow: none;
&:hover { &:hover {
background-color: rgba(var(--v-theme-primary), 0.08); background-color: rgba(var(--v-theme-primary), 0.08);
border-color: rgba(var(--v-theme-primary), 0.5); border-color: rgba(var(--v-theme-primary), 0.5);
transform: translateY(-1px); transform: translateY(-1px);
box-shadow: 0 3px 8px rgba(var(--v-theme-primary), 0.1);
.arrow-svg { .arrow-svg {
transform: translateX(3px); transform: translateX(3px);
@@ -240,12 +238,11 @@ onActivated(() => {
transform: translateY(-50%); transform: translateY(-50%);
width: 36px; width: 36px;
height: 36px; height: 36px;
border-radius: 10px; border-radius: 50%;
background-color: rgba(var(--v-theme-background), 0.8); background-color: rgba(var(--v-theme-background), 0.8);
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
-webkit-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.08);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
padding: 0; padding: 0;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -270,8 +267,6 @@ onActivated(() => {
&:hover { &:hover {
background-color: rgba(var(--v-theme-background), 0.95); background-color: rgba(var(--v-theme-background), 0.95);
transform: translateY(-50%) scale(1.05); 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)); color: rgb(var(--v-theme-primary));
svg { svg {