From f4cd41739a99880058c9e2cfe55c39488b49e993 Mon Sep 17 00:00:00 2001 From: leafus Date: Mon, 30 Sep 2024 14:41:37 +0200 Subject: [PATCH] Make the WebGUI mobile friendly --- web/assets/global.css | 17 +++++++++++++++++ web/index.html | 4 ++-- 2 files changed, 19 insertions(+), 2 deletions(-) diff --git a/web/assets/global.css b/web/assets/global.css index 91d6e1f..8453255 100644 --- a/web/assets/global.css +++ b/web/assets/global.css @@ -2,6 +2,23 @@ body { background-color:#121212; color: #fff; font-family: Arial, Helvetica, sans-serif; + max-width: 50%; + margin: auto; + margin-top: 10vh; +} + +@media screen and (max-width: 600px) { + body { + max-width: 100% !important; + } + + .button { + width: 100% !important; + } + + .footer { + text-align: center; + } } .header { diff --git a/web/index.html b/web/index.html index 0b0b248..8fc9c38 100644 --- a/web/index.html +++ b/web/index.html @@ -12,7 +12,7 @@ } - +
S3-Client WebGUI
@@ -54,7 +54,7 @@
-
+
[ s3-client ] - [ s3-client-web ] - Licensed under MIT