From 6dbc21d4ec9a71a5ec8aa95c4e53f2399f45d514 Mon Sep 17 00:00:00 2001
From: NoCrypt <57245077+NoCrypt@users.noreply.github.com>
Date: Thu, 8 Aug 2024 13:35:14 +0700
Subject: [PATCH] feat: improve swipe controls indicators
---
common/modules/swipecontrol.js | 17 +++++++++++------
1 file changed, 11 insertions(+), 6 deletions(-)
diff --git a/common/modules/swipecontrol.js b/common/modules/swipecontrol.js
index b755de5..886786d 100644
--- a/common/modules/swipecontrol.js
+++ b/common/modules/swipecontrol.js
@@ -19,21 +19,26 @@ export function swipeControls(node, props = { enabled: true, immersePlayer: () =
indicators.className = 'swipe-control-indicators';
indicators.style.cssText = `
position: absolute;
- top: 75%;
+ bottom: 60px;
left: 50%;
- transform: translate(-50%, -50%);
+ transform: translateX(-50%);
display: flex;
- gap: 20px;
+ align-items: center;
+ gap: 10px;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
+ background-color: rgba(0, 0, 0, 0.6);
color: white;
- text-shadow: 1px 1px 2px black;
+ padding: 8px 12px;
+ border-radius: 4px;
+ font-family: Arial, sans-serif;
+ font-size: 14px;
`;
indicators.innerHTML = `
-