feat: blur

This commit is contained in:
Tim
2025-07-29 21:01:51 +08:00
parent 275360983f
commit 393128b326
23 changed files with 80 additions and 20 deletions

View File

@@ -73,11 +73,10 @@ export default {
right: 0;
background-color: var(--menu-background-color);
border: 1px solid var(--normal-border-color);
border-radius: 4px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
z-index: 1000;
border-radius: 8px;
min-width: 100px;
z-index: 2000;
}
.dropdown-item {

View File

@@ -173,7 +173,8 @@ export default {
justify-content: space-between;
align-items: center;
height: var(--header-height);
background-color: var(--header-background-color);
background-color: var(--background-color-blur);
backdrop-filter: blur(10px);
color: var(--header-text-color);
border-bottom: 1px solid var(--header-border-color);
}

View File

@@ -237,13 +237,14 @@ export default {
.menu {
width: 200px;
background-color: var(--menu-background-color);
height: calc(100vh - var(--header-height) - 20px);
height: calc(100vh - 10px);
border-right: 1px solid var(--menu-border-color);
display: flex;
flex-direction: column;
padding: 10px;
overflow-y: auto;
scrollbar-width: none;
padding-top: calc(var(--header-height) + 10px);
}
.menu-item-container {
@@ -381,6 +382,10 @@ export default {
border-radius: 20px;
border-right: none;
height: 400px;
top: calc(var(--header-height) + 10px);
padding-top: 10px;
background-color: var(--background-color-blur);
backdrop-filter: blur(10px);
}
.slide-enter-active,