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; background-color:#121212;
color: #fff; color: #fff;
font-family: Arial, Helvetica, sans-serif; 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 { .header {

View File

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