responsive

This commit is contained in:
callebtc 2022-11-06 01:44:24 +01:00
parent 13b596e6b6
commit 256a637fc4

View File

@ -5,44 +5,61 @@
<q-page> <q-page>
<div class="row q-col-gutter-md justify-center q-pt-lg"> <div class="row q-col-gutter-md justify-center q-pt-lg">
<div class="col-12 col-sm-8 col-md-9 col-lg-7 text-center q-gutter-y-md"> <div class="col-12 col-sm-8 col-md-9 col-lg-7 text-center q-gutter-y-md">
<q-card> <q-scroll-area style="height: 640px; max-width: 1024px;">
<q-card class="q-mb-sm">
<q-card-section> <q-card-section>
<div class="row"> <div class="gt-sm">
<div class="col-3 q-pt-sm"> <div class="row">
<q-btn <div class="col-3 q-pt-sm">
class="gt-sm full-width" <q-btn
size="14px" class="full-width"
icon="bolt" size="14px"
rectangle icon="bolt"
color="primary" rectangle
@click="showInvoicesDialog" color="primary"
><strong>Receive invoice</strong> @click="showInvoicesDialog"
</q-btn> ><strong>Receive invoice</strong>
</div> </q-btn>
<div class="col-6"> </div>
<h3 class="q-my-none"> <div class="col-6">
<center> <h3 class="q-my-none q-py-none">
<strong>{% raw %} {{getBalance()}} </strong> <center>
{{tickershort}}{% endraw %} <strong>{% raw %} {{getBalance()}} </strong>
</center> {{tickershort}}{% endraw %}
</h3> </center>
</div> </h3>
<div class="col-3 q-pt-sm"> </div>
<q-btn <div class="col-3 q-pt-sm">
class="gt-sm full-width" <q-btn
@click="showParseDialog" class="full-width"
size="14px" @click="showParseDialog"
icon="bolt" size="14px"
rectangle icon="bolt"
color="primary" rectangle
class="full-width" color="primary"
><strong>Pay invoice</strong> class="full-width"
</q-btn> ><strong>Pay invoice</strong>
</q-btn>
</div>
</div> </div>
</div> </div>
<div class="lt-md">
<div class="row">
<div class="col-12">
<h3 class="q-my-none q-py-none">
<center>
<strong>{% raw %} {{getBalance()}} </strong>
{{tickershort}}{% endraw %}
</center>
</h3>
</div>
</div>
</div>
</q-card-section> </q-card-section>
</q-card> </q-card>
<q-card> <q-card>
<q-card-section> <q-card-section>
<div class="row items-center no-wrap q-mb-sm"> <div class="row items-center no-wrap q-mb-sm">
@ -70,6 +87,8 @@
</div> </div>
</div> </div>
<!-- /////////////////////////////////////////// <!-- ///////////////////////////////////////////
////////////////// TABLES ///////////////// ////////////////// TABLES /////////////////
/////////////////////////////////////////// --> /////////////////////////////////////////// -->
@ -247,7 +266,8 @@
</q-tab-panels> </q-tab-panels>
</q-card-section> </q-card-section>
</q-card> </q-card>
<div class="q-pa-sd">
<div class="q-pa-sd q-py-md">
<q-btn <q-btn
class="q-mx-sm" class="q-mx-sm"
size="10px" size="10px"
@ -266,7 +286,9 @@
@click="getLocalstorageToFile">Backup<q-tooltip>Download wallet backup</q-tooltip></q-btn> @click="getLocalstorageToFile">Backup<q-tooltip>Download wallet backup</q-tooltip></q-btn>
</div> </div>
</div> </div>
</q-scroll-area>
<q-tabs <q-tabs
class="lt-md fixed-bottom q-px-none q-py-sm left-0 right-0 bg-primary text-white shadow-2 z-top" class="lt-md fixed-bottom q-px-none q-py-sm left-0 right-0 bg-primary text-white shadow-2 z-top"
active-class="px-0" active-class="px-0"