fix: look&feel on small screens
This commit is contained in:
parent
3d1ea76676
commit
e884e3b003
|
@ -1,16 +1,16 @@
|
|||
<div>
|
||||
<q-card>
|
||||
<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>
|
||||
</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="text-h3">{{satBtc(total)}}</div>
|
||||
<div :class="{'text-h4': $q.screen.gt.md}">{{satBtc(total)}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-2 float-right">
|
||||
<div class="col-md-2 col-xs-4 q-pr-lg ">
|
||||
<slot name="serial"></slot>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<q-card>
|
||||
<q-card-section>
|
||||
<div class="row items-center no-wrap q-mb-md">
|
||||
<div class="col">
|
||||
<div class="col-4">
|
||||
<q-btn-dropdown
|
||||
split
|
||||
unelevated
|
||||
|
@ -30,9 +30,8 @@
|
|||
</q-list>
|
||||
</q-btn-dropdown>
|
||||
</div>
|
||||
|
||||
<div class="col-auto q-pr-lg"></div>
|
||||
<div class="col-auto q-pl-lg">
|
||||
<div class="col-4 q-pl-lg"></div>
|
||||
<div class="col-4 q-pl-lg">
|
||||
<q-input
|
||||
borderless
|
||||
dense
|
||||
|
|
|
@ -13,6 +13,7 @@
|
|||
:network="config.network"
|
||||
:sats-denominated="config.sats_denominated"
|
||||
@signed:psbt="updateSignedPsbt"
|
||||
class="q-pr-lg float-right"
|
||||
></serial-signer>
|
||||
</template>
|
||||
</wallet-config>
|
||||
|
@ -33,7 +34,7 @@
|
|||
{% raw %}
|
||||
<q-card>
|
||||
<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
|
||||
unelevated
|
||||
class="btn-full"
|
||||
|
@ -43,14 +44,14 @@
|
|||
>Scan Blockchain</q-btn
|
||||
>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="col-md-6 col-sm-2 q-pl-md">
|
||||
<q-spinner
|
||||
v-if="scan.scanning == true"
|
||||
color="primary"
|
||||
size="2.55em"
|
||||
></q-spinner>
|
||||
</div>
|
||||
<div class="col-3 q-pr-md">
|
||||
<div class="col-md-3 col-sm-5 q-pr-md">
|
||||
<q-btn
|
||||
v-if="!showPayment"
|
||||
unelevated
|
||||
|
|
Loading…
Reference in New Issue
Block a user