adjusted layouts for better readability

This commit is contained in:
dr-dolomite
2024-03-16 22:46:09 +08:00
parent 8ba01af384
commit d4a8d83586

View File

@@ -17,9 +17,7 @@
<nav class="navbar is-black" x-data="{ isOpen: false }"> <nav class="navbar is-black" x-data="{ isOpen: false }">
<div class="container"> <div class="container">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item brand-text" href="/"> <a class="navbar-item brand-text" href="/"> Quectel Simple Admin </a>
Quectel Simple Admin
</a>
<a <a
role="button" role="button"
class="navbar-burger burger" class="navbar-burger burger"
@@ -65,22 +63,22 @@
<div class="tile is-ancestor has-text-centered"> <div class="tile is-ancestor has-text-centered">
<div class="tile is-parent"> <div class="tile is-parent">
<article class="tile is-child box"> <article class="tile is-child box">
<!-- relocated signal strength here --> <!-- added APN -->
<p class="title" x-text="csqData.MODE"></p> <p class="title" x-text="csqData.APN"></p>
<p class="subtitle">Network</p> <p class="subtitle">Current APN</p>
<p <p
class="title" class="title"
style="margin-top: 1rem" style="margin-top: 1rem"
x-text="csqData.CSQ_PER" x-html="csqData.SIMSLOT"
></p> ></p>
<p class="subtitle">Signal Strength</p> <p class="subtitle">Current SIM</p>
</article> </article>
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<article class="tile is-child box"> <article class="tile is-child box">
<!-- added APN --> <!-- added APN -->
<p class="title" x-text="csqData.APN"></p> <p class="title" x-text="csqData.MODE"></p>
<p class="subtitle">Current APN</p> <p class="subtitle">Network</p>
<p <p
class="title" class="title"
x-text="csqData.PC_BAND" x-text="csqData.PC_BAND"
@@ -98,8 +96,8 @@
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<article class="tile is-child box"> <article class="tile is-child box">
<p class="title" x-html="csqData.SIMSLOT"></p> <p class="title" x-text="csqData.CSQ_PER"></p>
<p class="subtitle">Current SIM</p> <p class="subtitle">Signal Strength</p>
<p <p
class="title" class="title"
x-text="csqData.TEMP" x-text="csqData.TEMP"
@@ -204,7 +202,7 @@
<td x-text="csqData.CHANNEL"></td> <td x-text="csqData.CHANNEL"></td>
</tr> </tr>
<tr> <tr>
<th>4G PCI, 5G PCI</th> <th>PCI</th>
<td x-text="csqData.PCI"></td> <td x-text="csqData.PCI"></td>
</tr> </tr>
</tbody> </tbody>