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> <body>
<div class="center"> <div class="center">
<p>Ny4 IP checker!</p> <p>Ny4 IP checker!</p>
<!-- FIXME: this is completely not responsive --> <!-- FIXME: this is not responsive -->
<table> <table>
<thead> <thead>
<tr> <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 { body {
font-family: "Fira Code", monospace; font-family: "Fira Code", monospace;
font-optical-sizing: auto; font-optical-sizing: auto;
@ -37,7 +49,6 @@ body {
} }
table { table {
width: 100%;
border-collapse: collapse; border-collapse: collapse;
} }