heierbtc/lnbits
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjusted layout for ratings and to stop overflow on mobile

Browse Source
This commit is contained in:
ben 2023-01-01 14:55:01 +00:00
parent 59a8ff9dce
commit 7d7cbeeb71
1 changed files with 27 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
lnbits/core/templates/core/extensions.html
View File

@ -23,14 +23,33 @@
>
<q-card>
<q-card-section>
<q-img
:src="extension.tile"
spinner-color="white"
style="max-width: 64px"
></q-img>
{% raw %}
<h5 class="q-mt-lg q-mb-xs">{{ extension.name }}</h5>
<small>{{ extension.shortDescription }} </small>{% endraw %}
<div class="row">
<div class="col-3">
<q-img
:src="extension.tile"
spinner-color="white"
style="max-width: 100%"
></q-img>
</div>
<div class="col-9 q-pl-sm">
{% raw %}
<div class="text-h5 gt-sm q-mt-sm q-mb-xs">{{ extension.name }}</div>
<div class="text-subtitle2 gt-sm" style="font-size:11px;height:34px">{{ extension.shortDescription }}</div>
<div class="text-subtitle1 lt-md q-mt-sm q-mb-xs">{{ extension.name }}</div>
<div class="text-subtitle2 lt-md" style="font-size:9px;height:34px">{{ extension.shortDescription }}</div>{% endraw %}
</div>
</div>
</q-card-section>
<q-card-section>
<div>
<q-rating
disable
size="2em"
:max="5"
color="primary"
></q-rating><q-tooltip>Rating coming soon</q-tooltip></div>
</q-card-section>
<q-separator></q-separator>
<q-card-actions>