mirror of
https://github.com/nagisa77/OpenIsle.git
synced 2026-03-03 02:20:49 +08:00
feat: blur
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user