|
@@ -39,15 +39,17 @@
|
|
|
|
|
|
.controls {
|
|
|
position: absolute;
|
|
|
- bottom: 0;
|
|
|
+ // height: 126px;
|
|
|
+ bottom: 126px;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
width: 100%;
|
|
|
- background: rgba(0, 0, 0, 0.6);
|
|
|
+ background-color: rgba(0, 0, 0, 0.7);
|
|
|
backdrop-filter: blur(26px);
|
|
|
- height: 150px;
|
|
|
- padding: 0 250px 0 40px !important;
|
|
|
- transition: all 0.5s;
|
|
|
+ height: 86px;
|
|
|
+ padding: 10px 40px 0 !important;
|
|
|
+ transition: all 0.2s;
|
|
|
+ transition-delay: .4s;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
transition: all .5s;
|
|
@@ -94,8 +96,8 @@
|
|
|
|
|
|
.actionBtn {
|
|
|
display: flex;
|
|
|
- width: 82px;
|
|
|
- height: 82px;
|
|
|
+ width: 60px;
|
|
|
+ height: 60px;
|
|
|
padding: 4px 0;
|
|
|
background: transparent;
|
|
|
|
|
@@ -107,8 +109,8 @@
|
|
|
|
|
|
|
|
|
.iconReplay {
|
|
|
- width: 43px;
|
|
|
- height: 42px;
|
|
|
+ width: 40px;
|
|
|
+ height: 39px;
|
|
|
background-color: transparent;
|
|
|
|
|
|
&>img {
|
|
@@ -135,5 +137,5 @@
|
|
|
opacity: 0;
|
|
|
pointer-events: none;
|
|
|
transform: translateY(100%);
|
|
|
- transition: all .5s;
|
|
|
+ transition: all .2s;
|
|
|
}
|