fix: look&feel on small screens
This commit is contained in:
parent
3d1ea76676
commit
e884e3b003
|
@ -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>
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue
Block a user