Update player setting design
This commit is contained in:
@@ -190,7 +190,7 @@
|
|||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 100%;
|
bottom: 100%;
|
||||||
height: 48px;
|
height: 32px;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
}
|
}
|
||||||
@@ -439,13 +439,12 @@
|
|||||||
.hstream-player__menu-container {
|
.hstream-player__menu-container {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 12px;
|
right: 12px;
|
||||||
bottom: 100%;
|
bottom: 80px;
|
||||||
margin-bottom: 2px;
|
|
||||||
min-width: 220px;
|
min-width: 220px;
|
||||||
max-width: 280px;
|
max-width: 280px;
|
||||||
background: rgba(20, 20, 20, 0.95);
|
background: rgba(20, 20, 20, 0.70);
|
||||||
backdrop-filter: blur(16px);
|
backdrop-filter: blur(12px);
|
||||||
-webkit-backdrop-filter: blur(16px);
|
-webkit-backdrop-filter: blur(12px);
|
||||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@@ -235,7 +235,7 @@ export class HStreamPlayer {
|
|||||||
|
|
||||||
// Build settings menu
|
// Build settings menu
|
||||||
this._buildSettingsMenu();
|
this._buildSettingsMenu();
|
||||||
this._controlsEl.appendChild(this._menuContainer);
|
this.container.appendChild(this._menuContainer);
|
||||||
}
|
}
|
||||||
|
|
||||||
_createButton(action, iconClass, label) {
|
_createButton(action, iconClass, label) {
|
||||||
|
|||||||
Reference in New Issue
Block a user