优化操作栏样式
This commit is contained in:
+5
-4
@@ -200,8 +200,9 @@ canvas {
|
||||
border: 1px solid rgba(148, 163, 184, 0.22);
|
||||
border-radius: 28px;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(15, 23, 42, 0.74), rgba(15, 23, 42, 0.58));
|
||||
backdrop-filter: blur(20px);
|
||||
linear-gradient(180deg, rgba(15, 23, 42, 0.25), rgba(15, 23, 42, 0.15));
|
||||
backdrop-filter: blur(16px) saturate(300%) brightness(1.6);
|
||||
-webkit-backdrop-filter: blur(16px) saturate(300%) brightness(1.6);
|
||||
box-shadow: 0 18px 56px rgba(2, 6, 23, 0.48);
|
||||
pointer-events: auto;
|
||||
}
|
||||
@@ -281,7 +282,7 @@ canvas {
|
||||
}
|
||||
|
||||
.segment-button--active {
|
||||
background: rgba(56, 189, 248, 0.16);
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
color: #f8fafc;
|
||||
}
|
||||
|
||||
@@ -360,7 +361,7 @@ canvas {
|
||||
height: 46px;
|
||||
border: 1px solid rgba(148, 163, 184, 0.18);
|
||||
border-radius: 999px;
|
||||
background: linear-gradient(to right, rgba(56, 189, 248, 0.16) var(--volume-percent, 0%), rgba(2, 6, 23, 0.36) var(--volume-percent, 0%));
|
||||
background: linear-gradient(to right, rgba(255, 255, 255, 0.1) var(--volume-percent, 0%), rgba(2, 6, 23, 0.36) var(--volume-percent, 0%));
|
||||
background-clip: padding-box;
|
||||
transition: border-color 160ms ease;
|
||||
overflow: hidden;
|
||||
|
||||
Reference in New Issue
Block a user