responsive
This commit is contained in:
parent
13b596e6b6
commit
256a637fc4
|
@ -5,12 +5,14 @@
|
||||||
<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="gt-sm">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-3 q-pt-sm">
|
<div class="col-3 q-pt-sm">
|
||||||
<q-btn
|
<q-btn
|
||||||
class="gt-sm full-width"
|
class="full-width"
|
||||||
size="14px"
|
size="14px"
|
||||||
icon="bolt"
|
icon="bolt"
|
||||||
rectangle
|
rectangle
|
||||||
|
@ -20,7 +22,7 @@
|
||||||
</q-btn>
|
</q-btn>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-6">
|
<div class="col-6">
|
||||||
<h3 class="q-my-none">
|
<h3 class="q-my-none q-py-none">
|
||||||
<center>
|
<center>
|
||||||
<strong>{% raw %} {{getBalance()}} </strong>
|
<strong>{% raw %} {{getBalance()}} </strong>
|
||||||
{{tickershort}}{% endraw %}
|
{{tickershort}}{% endraw %}
|
||||||
|
@ -29,7 +31,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-3 q-pt-sm">
|
<div class="col-3 q-pt-sm">
|
||||||
<q-btn
|
<q-btn
|
||||||
class="gt-sm full-width"
|
class="full-width"
|
||||||
@click="showParseDialog"
|
@click="showParseDialog"
|
||||||
size="14px"
|
size="14px"
|
||||||
icon="bolt"
|
icon="bolt"
|
||||||
|
@ -40,9 +42,24 @@
|
||||||
</q-btn>
|
</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"
|
||||||
|
@ -267,6 +287,8 @@
|
||||||
</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"
|
||||||
|
|
Loading…
Reference in New Issue
Block a user