diff --git a/general/package/wifibroadcast-ng/www/index.html b/general/package/wifibroadcast-ng/www/index.html index bd02a981..1d38607e 100644 --- a/general/package/wifibroadcast-ng/www/index.html +++ b/general/package/wifibroadcast-ng/www/index.html @@ -9,17 +9,17 @@
- +
-
+
-

Video

+

Video

- +
+ +
+ +

Audio

+
+ + +
+
+ + +
+
@@ -52,8 +68,8 @@
-

Wireless

+

Wireless

@@ -94,14 +110,8 @@
-
- - -
+ +

Broadcast

@@ -113,6 +123,8 @@
+
+

Telemetry

@@ -129,6 +141,7 @@
+
diff --git a/general/package/wifibroadcast-ng/www/logo.svg b/general/package/wifibroadcast-ng/www/logo.svg deleted file mode 100644 index c359a7d1..00000000 --- a/general/package/wifibroadcast-ng/www/logo.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - - - - - - - - - - diff --git a/general/package/wifibroadcast-ng/www/logo.webp b/general/package/wifibroadcast-ng/www/logo.webp new file mode 100644 index 00000000..fd05dba1 Binary files /dev/null and b/general/package/wifibroadcast-ng/www/logo.webp differ diff --git a/general/package/wifibroadcast-ng/www/script.js b/general/package/wifibroadcast-ng/www/script.js index b97f96c6..ba09b211 100644 --- a/general/package/wifibroadcast-ng/www/script.js +++ b/general/package/wifibroadcast-ng/www/script.js @@ -99,3 +99,7 @@ loadYAML('/etc/wfb.yaml', (data) => { configData.wfb = data; syncForm(configData.wfb, 'wfb', "setup"); }); + +if (navigator.userAgent.includes("Android")) { + document.querySelector('.video-section').style.display = 'none'; +} diff --git a/general/package/wifibroadcast-ng/www/style.css b/general/package/wifibroadcast-ng/www/style.css index 8ef9c6d6..0abcaa61 100644 --- a/general/package/wifibroadcast-ng/www/style.css +++ b/general/package/wifibroadcast-ng/www/style.css @@ -19,15 +19,15 @@ h3 { color: #dee2e6bf; } -.container { - padding: 20px; +.row { + margin: 20px; } .form-section { background-color: #2d2d2d; border-radius: 4px; box-shadow: 0 2px 10px #00000080; - max-width: 40%; + max-width: 60%; padding: 20px; margin: 20px auto; } @@ -76,6 +76,14 @@ h3 { box-shadow: 0 2px 10px #00000040; } +#preview { + width: 100%; + max-width: 80%; + background-color: #000; + box-shadow: 0 2px 10px #00000080; + border-radius: 4px; +} + #apply-video-button, #apply-wfb-button { background-color: #0d4aa5; } @@ -91,15 +99,3 @@ h3 { #reset-video-button:hover, #reset-wfb-button:hover { background-color: #cf1717; } - -#preview { - width: 100%; - max-width: 1200px; - background-color: #000; - box-shadow: 0 2px 10px #00000080; - border-radius: 4px; -} - -.row { - margin-bottom: 15px; -}