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>
|
<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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue