Make the WebGUI mobile friendly

This commit is contained in:
leafus 2024-09-30 14:41:37 +02:00
parent e5a80aa013
commit f4cd41739a
2 changed files with 19 additions and 2 deletions

View File

@ -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 {

View File

@ -12,7 +12,7 @@
}
</style>
</head>
<body style="max-width: 50%; margin: auto; margin-top: 10vh">
<body>
<div class="header">S3-Client WebGUI</div>
<fieldset>
@ -54,7 +54,7 @@
</div>
</fieldset>
<div style="margin-top: 10px;">
<div style="margin-top: 10px;" class="footer">
<a href="https://git.fluffy.pw/leafus/s3-client">[ s3-client ]</a> -
<a href="https://git.fluffy.pw/leafus/s3-client-web">[ s3-client-web ]</a> - Licensed under MIT
</div>