Make the WebGUI mobile friendly
This commit is contained in:
parent
e5a80aa013
commit
f4cd41739a
|
@ -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 {
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue
Block a user