|
@ -368,7 +368,7 @@ function getProgressPercent(prize) { |
|
|
background: none; |
|
|
background: none; |
|
|
z-index: 10; |
|
|
z-index: 10; |
|
|
min-width: 300px; |
|
|
min-width: 300px; |
|
|
max-width: 342px; |
|
|
|
|
|
|
|
|
max-width: 362px; |
|
|
text-align: left; |
|
|
text-align: left; |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
@ -377,6 +377,7 @@ function getProgressPercent(prize) { |
|
|
overflow-x: hidden !important; |
|
|
overflow-x: hidden !important; |
|
|
overflow-y: auto; |
|
|
overflow-y: auto; |
|
|
padding-right: 10px; |
|
|
padding-right: 10px; |
|
|
|
|
|
padding-left: 10px; |
|
|
scrollbar-width: thin; |
|
|
scrollbar-width: thin; |
|
|
scrollbar-color: #ffd283 rgba(255, 210, 131, 0.3); /* Firefox */ |
|
|
scrollbar-color: #ffd283 rgba(255, 210, 131, 0.3); /* Firefox */ |
|
|
} |
|
|
} |
|
@ -505,7 +506,7 @@ function getProgressPercent(prize) { |
|
|
background: none; |
|
|
background: none; |
|
|
z-index: 10; |
|
|
z-index: 10; |
|
|
min-width: 320px; |
|
|
min-width: 320px; |
|
|
max-width: 342px; |
|
|
|
|
|
|
|
|
max-width: 362px; |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
} |
|
|
} |
|
@ -682,9 +683,14 @@ function getProgressPercent(prize) { |
|
|
.prize-panel-item.revealed-highlight { |
|
|
.prize-panel-item.revealed-highlight { |
|
|
/* border: 3px solid #ff9800; */ |
|
|
/* border: 3px solid #ff9800; */ |
|
|
box-shadow: 0 0 16px 4px #ff9800aa; |
|
|
box-shadow: 0 0 16px 4px #ff9800aa; |
|
|
transform: scale(1.05); |
|
|
|
|
|
|
|
|
transform: scale(1.03); |
|
|
z-index: 2; |
|
|
z-index: 2; |
|
|
transition: all 0.3s; |
|
|
transition: all 0.3s; |
|
|
|
|
|
/* 确保放大的元素不被遮挡 */ |
|
|
|
|
|
position: relative; |
|
|
|
|
|
/* margin: 8px 0; */ |
|
|
|
|
|
/* 为放大的元素留出空间 */ |
|
|
|
|
|
transform-origin: center center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.prize-panel-item.disabled { |
|
|
.prize-panel-item.disabled { |
|
|