added some responsiveness for Simple Network

This commit is contained in:
Russel Yasol
2024-03-28 13:47:54 +08:00
parent dfbbfe9ba5
commit bb2921c8fe

View File

@@ -410,63 +410,62 @@
rows="5" rows="5"
placeholder="Query Response" placeholder="Query Response"
x-text=" isLoading ? 'Getting Response...' : queryCommandResponse" x-text=" isLoading ? 'Getting Response...' : queryCommandResponse"
> ></textarea>
</textarea>
<div <div class="columns is-variable is-multiline" style="margin-top: 1rem">
style="margin-top: 1rem; display: flex; flex-direction: row" <div class="column is-half-desktop">
> <div>
<div> <p>Check Locked Bands</p>
<p>Check Locked Bands</p> <div class="is-flex-wrap-wrap">
<div style="display: flex; flex-direction: row"> <div class="select is-info">
<div class="select is-info"> <select id="lockedBands" x-model="lockedBands">
<select id="lockedBands" x-model="lockedBands"> <option>Locked Bands</option>
<option>Locked Bands</option> <option>LTE</option>
<option>LTE</option> <option>NSA</option>
<option>NSA</option> <option>SA</option>
<option>SA</option> </select>
</select> </div>
<button
class="button is-link"
style="margin-left: 1rem"
@click="showLockedBands()"
:disabled="isLoading"
>
Check Bands
</button>
</div> </div>
<button
class="button is-link"
style="margin-left: 1rem"
@click="showLockedBands()"
:disabled="isLoading"
>
Check Bands
</button>
</div> </div>
</div> </div>
<div style="margin-left: 2rem"> <div class="column is-half-desktop">
<p>Check Cell Lock</p> <div>
<div style="display: flex; flex-direction: row"> <p>Check Cell Lock</p>
<div class="select is-info"> <div class="is-flex-wrap-wrap">
<select id="cellState" x-model="cellState"> <div class="select is-info">
<option>Cell Lock</option> <select id="cellState" x-model="cellState">
<option>LTE</option> <option>Cell Lock</option>
<option>NR5G-SA</option> <option>LTE</option>
</select> <option>NR5G-SA</option>
</div> </select>
</div>
<button <button
class="button is-link" class="button is-link"
style="margin-left: 1rem" style="margin-left: 1rem"
@click="showCellState()" @click="showCellState()"
:disabled="isLoading" :disabled="isLoading"
> >
Check Cell Check Cell
</button> </button>
</div>
</div> </div>
</div> </div>
</div> </div>
<div <div class="buttons" style="margin-top: 1rem">
style="margin-top: 2rem; display: flex; flex-direction: row"
>
<button <button
class="button is-link" class="button is-link mr-2"
@click="showSupportedBands()" @click="showSupportedBands()"
:disabled="isLoading" :disabled="isLoading"
> >
@@ -474,8 +473,7 @@
</button> </button>
<button <button
class="button is-link" class="button is-link mr-2"
style="margin-left: 1rem"
@click="showCurrentSim()" @click="showCurrentSim()"
:disabled="isLoading" :disabled="isLoading"
> >
@@ -484,7 +482,6 @@
<button <button
class="button is-link" class="button is-link"
style="margin-left: 1rem"
@click="showPrefNetwork()" @click="showPrefNetwork()"
:disabled="isLoading" :disabled="isLoading"
> >
@@ -831,4 +828,4 @@
} }
</script> </script>
</body> </body>
</html> </html>