feat: small UI adjustments

This commit is contained in:
Vlad Stan 2023-02-16 14:23:42 +02:00
parent aed098499a
commit 6e67443ea4

View file

@ -526,7 +526,7 @@
</q-tab-panel> </q-tab-panel>
<q-tab-panel name="accounts"> <q-tab-panel name="accounts">
<div v-if="relay"> <div v-if="relay">
<q-card <q-card class="q-mr-lg q-mb-md"
><q-card-section> ><q-card-section>
<div class="row items-center no-wrap q-mb-md"> <div class="row items-center no-wrap q-mb-md">
<div class="col-2 q-pr-lg">Public Key:</div> <div class="col-2 q-pr-lg">Public Key:</div>
@ -559,30 +559,32 @@
</div> </div>
</q-card-section> </q-card-section>
</q-card> </q-card>
<q-separator></q-separator> <q-card class="q-mr-lg q-mb-dm"
<div class="row items-center no-wrap q-mb-md"> ><q-card-section>
<div class="col-3 q-pr-lg">Filter:</div> <div class="row items-center no-wrap q-mb-md">
<div class="col-9 q-pr-lg"> <div class="col-3 q-pr-lg">Filter:</div>
<q-toggle <div class="col-9 q-pr-lg">
size="sm" <q-toggle
color="secodary" size="sm"
class="q-mr-lg" color="secodary"
v-model="showAllowedAccounts" class="q-mr-lg"
@input="getAccounts()" v-model="showAllowedAccounts"
>Show Allowed Account</q-toggle @input="getAccounts()"
> >Show Allowed Account</q-toggle
<q-toggle >
size="sm" <q-toggle
color="secodary" size="sm"
class="q-mr-lg" color="secodary"
v-model="showBlockedAccounts" class="q-mr-lg"
@input="getAccounts()" v-model="showBlockedAccounts"
> @input="getAccounts()"
Show Blocked Accounts</q-toggle >
> Show Blocked Accounts</q-toggle
</div> >
</div> </div>
<q-separator></q-separator> </div>
</q-card-section></q-card
>
<div class="row items-center no-wrap q-mb-md"> <div class="row items-center no-wrap q-mb-md">
<div class="col-12 q-pr-lg"> <div class="col-12 q-pr-lg">
<q-table <q-table