fix: look&feel on small screens

This commit is contained in:
Vlad Stan 2022-08-11 14:22:14 +03:00
parent 3d1ea76676
commit e884e3b003
3 changed files with 11 additions and 11 deletions

View File

@ -1,16 +1,16 @@
<div> <div>
<q-card> <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-2 q-ml-lg"> <div class="col-md-2 col-xs-4 q-ml-lg">
<q-btn unelevated @click="show = true" color="primary" icon="settings"> <q-btn unelevated @click="show = true" color="primary" icon="settings">
</q-btn> </q-btn>
</div> </div>
<div class="col-8"> <div class="col-md-8 col-xs-4">
<div class="row justify-center q-gutter-x-md items-center"> <div class="row justify-center q-gutter-x-md items-center">
<div class="text-h3">{{satBtc(total)}}</div> <div :class="{'text-h4': $q.screen.gt.md}">{{satBtc(total)}}</div>
</div> </div>
</div> </div>
<div class="col-2 float-right"> <div class="col-md-2 col-xs-4 q-pr-lg ">
<slot name="serial"></slot> <slot name="serial"></slot>
</div> </div>
</div> </div>

View File

@ -2,7 +2,7 @@
<q-card> <q-card>
<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"> <div class="col-4">
<q-btn-dropdown <q-btn-dropdown
split split
unelevated unelevated
@ -30,9 +30,8 @@
</q-list> </q-list>
</q-btn-dropdown> </q-btn-dropdown>
</div> </div>
<div class="col-4 q-pl-lg"></div>
<div class="col-auto q-pr-lg"></div> <div class="col-4 q-pl-lg">
<div class="col-auto q-pl-lg">
<q-input <q-input
borderless borderless
dense dense

View File

@ -13,6 +13,7 @@
:network="config.network" :network="config.network"
:sats-denominated="config.sats_denominated" :sats-denominated="config.sats_denominated"
@signed:psbt="updateSignedPsbt" @signed:psbt="updateSignedPsbt"
class="q-pr-lg float-right"
></serial-signer> ></serial-signer>
</template> </template>
</wallet-config> </wallet-config>
@ -33,7 +34,7 @@
{% raw %} {% raw %}
<q-card> <q-card>
<div class="row q-pt-sm q-pb-sm items-center no-wrap q-mb-md"> <div class="row q-pt-sm q-pb-sm items-center no-wrap q-mb-md">
<div class="col-3 q-pl-md"> <div class="col-md-3 col-sm-5 q-pl-md">
<q-btn <q-btn
unelevated unelevated
class="btn-full" class="btn-full"
@ -43,14 +44,14 @@
>Scan Blockchain</q-btn >Scan Blockchain</q-btn
> >
</div> </div>
<div class="col-6"> <div class="col-md-6 col-sm-2 q-pl-md">
<q-spinner <q-spinner
v-if="scan.scanning == true" v-if="scan.scanning == true"
color="primary" color="primary"
size="2.55em" size="2.55em"
></q-spinner> ></q-spinner>
</div> </div>
<div class="col-3 q-pr-md"> <div class="col-md-3 col-sm-5 q-pr-md">
<q-btn <q-btn
v-if="!showPayment" v-if="!showPayment"
unelevated unelevated