feat(ui): slightly more responsive design

This commit is contained in:
Guanran Wang 2024-08-27 06:54:10 +08:00
parent 8d076960ce
commit 300241ef05
Signed by: nyancat
GPG key ID: 91F97D9ED12639CF
2 changed files with 13 additions and 2 deletions

View file

@ -11,7 +11,7 @@
<body>
<div class="center">
<p>Ny4 IP checker!</p>
<!-- FIXME: this is completely not responsive -->
<!-- FIXME: this is not responsive -->
<table>
<thead>
<tr>

View file

@ -25,6 +25,18 @@
}
}
@media (max-width: 600px) {
body {
font-size: 14px !important;
}
th {
padding: 2px !important;
}
footer {
font-size: 12px !important;
}
}
body {
font-family: "Fira Code", monospace;
font-optical-sizing: auto;
@ -37,7 +49,6 @@ body {
}
table {
width: 100%;
border-collapse: collapse;
}