feat(ui): slightly more responsive design
This commit is contained in:
parent
8d076960ce
commit
300241ef05
2 changed files with 13 additions and 2 deletions
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue